@kong-ui-public/entities-keys 3.5.43 → 3.5.44

package/dist/entities-keys.es.js

@@ -1,9 +1,9 @@
-import { defineComponent as me, ref as h, computed as I, watch as le, onBeforeMount as we, resolveComponent as M, openBlock as b, createElementBlock as V, createVNode as u, unref as o, withCtx as f, createBlock as D, Teleport as Ee, withDirectives as xe, createTextVNode as te, toDisplayString as K, vShow as Me, createElementVNode as U, Fragment as ke, renderList as pe, withModifiers as De, reactive as he, createCommentVNode as oe, createSlots as Re } from "vue";
-import { useRouter as Ce } from "vue-router";
-import { AddIcon as Fe } from "@kong/icons";
-import { createI18n as Ve, i18nTComponent as Te } from "@kong-ui-public/i18n";
-import { useAxios as ge, useFetcher as Ae, useDeleteUrlBuilder as Be, FetcherStatus as _e, EntityBaseTable as Ue, EntityFilter as qe, PermissionsWrapper as se, EntityDeleteModal as Pe, EntityTypes as Ne, useErrors as Oe, EntityBaseFormType as ae, useDebouncedFilter as Je, EntityBaseForm as We, SupportedEntityType as Ke, EntityFormSection as Se, useStringHelpers as Le, ConfigurationSchemaSection as fe, ConfigurationSchemaType as ue, EntityBaseConfigCard as Qe, InternalLinkItem as ze, ConfigCardItem as Ie } from "@kong-ui-public/entities-shared";
-const Ge = {
+import { defineComponent as ue, ref as b, computed as _, watch as Z, onBeforeMount as Se, resolveComponent as T, openBlock as S, createElementBlock as q, createVNode as f, unref as o, withCtx as u, createBlock as A, Teleport as je, withDirectives as $e, createTextVNode as le, toDisplayString as j, vShow as Ee, createElementVNode as F, reactive as me, createCommentVNode as ie, createSlots as xe, Fragment as ge, renderList as ve } from "vue";
+import { useRouter as Ie } from "vue-router";
+import { AddIcon as Me } from "@kong/icons";
+import { createI18n as Ve, i18nTComponent as De } from "@kong-ui-public/i18n";
+import { useAxios as ke, useFetcher as Re, useDeleteUrlBuilder as Fe, FetcherStatus as be, EntityBaseTable as Te, EntityFilter as Ae, PermissionsWrapper as oe, TableTags as Be, EntityDeleteModal as Ue, EntityTypes as qe, useErrors as Pe, EntityBaseFormType as se, useDebouncedFilter as Ne, EntityBaseForm as Oe, SupportedEntityType as we, EntityFormSection as he, useStringHelpers as Je, ConfigurationSchemaSection as ye, ConfigurationSchemaType as fe, EntityBaseConfigCard as We, InternalLinkItem as Le, ConfigCardItem as _e } from "@kong-ui-public/entities-shared";
+const Qe = {
   title: "Keys",
   list: {
     toolbar_actions: {
@@ -115,57 +115,57 @@ const Ge = {
       }
     }
   }
-}, He = {
-  keys: Ge
+}, ze = {
+  keys: Qe
 };
-function Xe() {
-  const s = Ve("en-us", He);
+function Ge() {
+  const s = Ve("en-us", ze);
   return {
     i18n: s,
-    i18nT: Te(s)
+    i18nT: De(s)
     // Translation component <i18n-t>
   };
 }
-const ve = {
-  useI18n: Xe
-}, A = "/v2/control-planes/{controlPlaneId}/core-entities", B = "/{workspace}", q = {
+const pe = {
+  useI18n: Ge
+}, D = "/v2/control-planes/{controlPlaneId}/core-entities", R = "/{workspace}", B = {
   list: {
     konnect: {
-      all: `${A}/keys`,
-      forKeySet: `${A}/key-sets/{keySetId}/keys`
+      all: `${D}/keys`,
+      forKeySet: `${D}/key-sets/{keySetId}/keys`
     },
     kongManager: {
-      all: `${B}/keys`,
-      forKeySet: `${B}/key-sets/{keySetId}/keys`
+      all: `${R}/keys`,
+      forKeySet: `${R}/key-sets/{keySetId}/keys`
     }
   },
   form: {
     konnect: {
       create: {
-        all: `${A}/keys`,
-        forKeySet: `${A}/key-sets/{keySetId}/keys`
+        all: `${D}/keys`,
+        forKeySet: `${D}/key-sets/{keySetId}/keys`
       },
       edit: {
-        all: `${A}/keys/{id}`,
-        forKeySet: `${A}/key-sets/{keySetId}/keys/{id}`
+        all: `${D}/keys/{id}`,
+        forKeySet: `${D}/key-sets/{keySetId}/keys/{id}`
       },
-      keySets: `${A}/key-sets`,
-      getKeySet: `${A}/key-sets/{keySetId}`
+      keySets: `${D}/key-sets`,
+      getKeySet: `${D}/key-sets/{keySetId}`
     },
     kongManager: {
       create: {
-        all: `${B}/keys`,
-        forKeySet: `${B}/key-sets/{keySetId}/keys`
+        all: `${R}/keys`,
+        forKeySet: `${R}/key-sets/{keySetId}/keys`
       },
       edit: {
-        all: `${B}/keys/{id}`,
-        forKeySet: `${B}/key-sets/{keySetId}/keys/{id}`
+        all: `${R}/keys/{id}`,
+        forKeySet: `${R}/key-sets/{keySetId}/keys/{id}`
       },
-      keySets: `${B}/key-sets`,
-      getKeySet: `${B}/key-sets/{keySetId}`
+      keySets: `${R}/key-sets`,
+      getKeySet: `${R}/key-sets/{keySetId}`
     }
   }
-}, Ye = { class: "kong-ui-entities-keys-list" }, Ze = { key: 1 }, et = /* @__PURE__ */ me({
+}, He = { class: "kong-ui-entities-keys-list" }, Xe = /* @__PURE__ */ ue({
   __name: "KeyList",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -210,259 +210,245 @@ const ve = {
     }
   },
   emits: ["error", "copy:success", "copy:error", "delete:success"],
-  setup(s, { emit: P }) {
-    var ee;
-    const _ = P, l = s, { i18n: { t: y } } = ve.useI18n(), r = Ce(), { axiosInstance: j } = ge((ee = l.config) == null ? void 0 : ee.axiosRequestConfig), R = h(1), L = I(() => l.config.app !== "kongManager" || !!l.config.disableSorting), $ = {
+  setup(s, { emit: U }) {
+    var Y;
+    const h = U, l = s, { i18n: { t: y } } = pe.useI18n(), d = Ie(), { axiosInstance: C } = ke((Y = l.config) == null ? void 0 : Y.axiosRequestConfig), x = b(1), J = _(() => l.config.app !== "kongManager" || !!l.config.disableSorting), K = {
       // the Name column is non-hidable
       name: { label: y("keys.list.table_headers.name"), searchable: !0, sortable: !0, hidable: !1 },
       kid: { label: y("keys.list.table_headers.key_id"), sortable: !0 },
       tags: { label: y("keys.list.table_headers.tags") },
       id: { label: y("keys.list.table_headers.id"), sortable: !0 }
-    }, t = $, w = I(() => {
-      var i, d, k, S;
-      let e = `${l.config.apiBaseUrl}${q.list[l.config.app][l.config.keySetId ? "forKeySet" : "all"]}`;
-      return l.config.app === "konnect" ? e = e.replace(/{controlPlaneId}/gi, ((i = l.config) == null ? void 0 : i.controlPlaneId) || "").replace(/{keySetId}/gi, ((d = l.config) == null ? void 0 : d.keySetId) || "") : l.config.app === "kongManager" && (e = e.replace(/\/{workspace}/gi, (k = l.config) != null && k.workspace ? `/${l.config.workspace}` : "").replace(/{keySetId}/gi, ((S = l.config) == null ? void 0 : S.keySetId) || "")), e;
-    }), x = h(""), T = I(() => {
+    }, t = K, I = _(() => {
+      var i, c, k, g;
+      let e = `${l.config.apiBaseUrl}${B.list[l.config.app][l.config.keySetId ? "forKeySet" : "all"]}`;
+      return l.config.app === "konnect" ? e = e.replace(/{controlPlaneId}/gi, ((i = l.config) == null ? void 0 : i.controlPlaneId) || "").replace(/{keySetId}/gi, ((c = l.config) == null ? void 0 : c.keySetId) || "") : l.config.app === "kongManager" && (e = e.replace(/\/{workspace}/gi, (k = l.config) != null && k.workspace ? `/${l.config.workspace}` : "").replace(/{keySetId}/gi, ((g = l.config) == null ? void 0 : g.keySetId) || "")), e;
+    }), E = b(""), V = _(() => {
       const e = l.config.app === "konnect" || l.config.isExactMatch;
       if (e)
         return {
           isExactMatch: e,
           placeholder: y("keys.search.placeholder")
         };
-      const i = { name: $.name };
+      const i = { name: K.name };
       return {
         isExactMatch: e,
         fields: i,
         schema: l.config.filterSchema
       };
-    }), { fetcher: Q, fetcherState: z } = Ae(l.config, w.value), G = () => {
-      x.value = "";
-    }, O = () => {
-      R.value++;
-    }, a = h(null), g = h(!1), E = (e, i) => {
-      const d = e.id;
-      if (!i(d)) {
+    }), { fetcher: W, fetcherState: L } = Re(l.config, I.value), Q = () => {
+      E.value = "";
+    }, P = () => {
+      x.value++;
+    }, n = b(null), m = b(!1), $ = (e, i) => {
+      const c = e.id;
+      if (!i(c)) {
         p(e, "id");
         return;
       }
-      C(e, "id");
+      w(e, "id");
     }, v = (e, i) => {
-      const d = JSON.stringify(e);
-      if (!i(d)) {
-        _("copy:error", {
+      const c = JSON.stringify(e);
+      if (!i(c)) {
+        h("copy:error", {
           entity: e,
           message: y("keys.errors.copy")
         });
         return;
       }
-      _("copy:success", {
+      h("copy:success", {
         entity: e,
         message: y("keys.copy.success_brief")
       });
-    }, C = (e, i) => {
-      _("copy:success", {
+    }, w = (e, i) => {
+      h("copy:success", {
         entity: e,
         field: i,
         message: y("keys.copy.success", { val: e[i] })
       });
     }, p = (e, i) => {
-      _("copy:error", {
+      h("copy:error", {
         entity: e,
         field: i,
         message: y("keys.errors.copy")
       });
-    }, ie = async (e) => {
-      var d;
-      await ((d = l.canRetrieve) == null ? void 0 : d.call(l, e)) && r.push(l.config.getViewRoute(e.id));
-    }, ne = (e) => ({
+    }, ee = async (e) => {
+      var c;
+      await ((c = l.canRetrieve) == null ? void 0 : c.call(l, e)) && d.push(l.config.getViewRoute(e.id));
+    }, ae = (e) => ({
       label: y("keys.actions.view"),
       to: l.config.getViewRoute(e)
     }), re = (e) => ({
       label: y("keys.actions.edit"),
       to: l.config.getEditRoute(e)
-    }), F = h(void 0), J = h(!1), W = h(!1), H = h(""), de = Be(l.config, w.value), ce = (e) => {
-      F.value = e, J.value = !0;
-    }, ye = () => {
-      J.value = !1;
-    }, X = async () => {
-      var e, i, d;
-      if ((e = F.value) != null && e.id) {
-        W.value = !0;
+    }), M = b(void 0), N = b(!1), O = b(!1), z = b(""), ne = Fe(l.config, I.value), de = (e) => {
+      M.value = e, N.value = !0;
+    }, ce = () => {
+      N.value = !1;
+    }, G = async () => {
+      var e, i, c;
+      if ((e = M.value) != null && e.id) {
+        O.value = !0;
         try {
-          await j.delete(de(F.value.id)), W.value = !1, J.value = !1, R.value++, _("delete:success", F.value);
+          await C.delete(ne(M.value.id)), O.value = !1, N.value = !1, x.value++, h("delete:success", M.value);
         } catch (k) {
-          H.value = ((d = (i = k.response) == null ? void 0 : i.data) == null ? void 0 : d.message) || k.message || y("keys.errors.delete"), _("error", k);
+          z.value = ((c = (i = k.response) == null ? void 0 : i.data) == null ? void 0 : c.message) || k.message || y("keys.errors.delete"), h("error", k);
         } finally {
-          W.value = !1;
+          O.value = !1;
         }
       }
-    }, Y = h(!1);
-    le(z, (e) => {
-      var i, d, k, S;
-      if (Array.isArray((i = e == null ? void 0 : e.response) == null ? void 0 : i.data) && (Y.value = e.response.data.length > 0), e.status === _e.NoRecords ? g.value = !0 : g.value = !1, e.status === _e.Error) {
-        a.value = {
+    }, H = b(!1);
+    Z(L, (e) => {
+      var i, c, k, g;
+      if (Array.isArray((i = e == null ? void 0 : e.response) == null ? void 0 : i.data) && (H.value = e.response.data.length > 0), e.status === be.NoRecords ? m.value = !0 : m.value = !1, e.status === be.Error) {
+        n.value = {
           title: y("keys.errors.general")
-        }, (S = (k = (d = e.error) == null ? void 0 : d.response) == null ? void 0 : k.data) != null && S.message && (a.value.message = e.error.response.data.message), _("error", e.error);
+        }, (g = (k = (c = e.error) == null ? void 0 : c.response) == null ? void 0 : k.data) != null && g.message && (n.value.message = e.error.response.data.message), h("error", e.error);
         return;
       }
-      a.value = null;
+      n.value = null;
     });
-    const Z = h({
+    const X = b({
       ctaPath: l.config.createRoute,
       ctaText: void 0,
       message: `${y("keys.list.empty_state.description")}${l.config.additionMessageForEmptyState ? ` ${l.config.additionMessageForEmptyState}` : ""}`,
       title: y("keys.title")
     });
-    return we(async () => {
-      await l.canCreate() && (Z.value.title = y("keys.list.empty_state.title"), Z.value.ctaText = y("keys.actions.create"));
+    return Se(async () => {
+      await l.canCreate() && (X.value.title = y("keys.list.empty_state.title"), X.value.ctaText = y("keys.actions.create"));
     }), (e, i) => {
-      const d = M("KButton"), k = M("KCopy"), S = M("KBadge"), n = M("KTruncate"), c = M("KDropdownItem"), be = M("KClipboardProvider");
-      return b(), V("div", Ye, [
-        u(o(Ue), {
+      const c = T("KButton"), k = T("KCopy"), g = T("KDropdownItem"), r = T("KClipboardProvider");
+      return S(), q("div", He, [
+        f(o(Te), {
           "cache-identifier": s.cacheIdentifier,
-          "disable-sorting": L.value,
-          "empty-state-options": Z.value,
+          "disable-sorting": J.value,
+          "empty-state-options": X.value,
           "enable-entity-actions": "",
-          "error-message": a.value,
-          fetcher: o(Q),
-          "fetcher-cache-key": R.value,
-          "hide-toolbar": g.value,
+          "error-message": n.value,
+          fetcher: o(W),
+          "fetcher-cache-key": x.value,
+          "hide-toolbar": m.value,
           "pagination-type": "offset",
           "preferences-storage-key": "kong-ui-entities-keys-list",
-          query: x.value,
+          query: E.value,
           "table-headers": o(t),
-          onClearSearchInput: G,
-          "onClick:row": i[2] || (i[2] = (m) => ie(m)),
-          onSort: O
+          onClearSearchInput: Q,
+          "onClick:row": i[1] || (i[1] = (a) => ee(a)),
+          onSort: P
         }, {
-          "toolbar-filter": f(() => [
-            u(o(qe), {
-              modelValue: x.value,
-              "onUpdate:modelValue": i[0] || (i[0] = (m) => x.value = m),
-              config: T.value
+          "toolbar-filter": u(() => [
+            f(o(Ae), {
+              modelValue: E.value,
+              "onUpdate:modelValue": i[0] || (i[0] = (a) => E.value = a),
+              config: V.value
             }, null, 8, ["modelValue", "config"])
           ]),
-          "toolbar-button": f(() => [
-            (b(), D(Ee, {
+          "toolbar-button": u(() => [
+            (S(), A(je, {
               disabled: !s.useActionOutside,
               to: "#kong-ui-app-page-header-action-button"
             }, [
-              u(o(se), {
+              f(o(oe), {
                 "auth-function": () => s.canCreate()
               }, {
-                default: f(() => [
-                  xe(u(d, {
+                default: u(() => [
+                  $e(f(c, {
                     appearance: "primary",
                     "data-testid": "toolbar-add-key",
                     size: s.useActionOutside ? "medium" : "large",
                     to: s.config.createRoute
                   }, {
-                    default: f(() => [
-                      u(o(Fe)),
-                      te(" " + K(o(y)("keys.list.toolbar_actions.new_key")), 1)
+                    default: u(() => [
+                      f(o(Me)),
+                      le(" " + j(o(y)("keys.list.toolbar_actions.new_key")), 1)
                     ]),
                     _: 1
                   }, 8, ["size", "to"]), [
-                    [Me, Y.value]
+                    [Ee, H.value]
                   ])
                 ]),
                 _: 1
               }, 8, ["auth-function"])
             ], 8, ["disabled"]))
           ]),
-          name: f(({ rowValue: m }) => [
-            U("b", null, K(m ?? "-"), 1)
+          name: u(({ rowValue: a }) => [
+            F("b", null, j(a ?? "-"), 1)
           ]),
-          kid: f(({ rowValue: m }) => [
-            u(k, { text: m }, null, 8, ["text"])
+          kid: u(({ rowValue: a }) => [
+            f(k, { text: a }, null, 8, ["text"])
           ]),
-          tags: f(({ rowValue: m }) => [
-            (m == null ? void 0 : m.length) > 0 ? (b(), D(n, { key: 0 }, {
-              default: f(() => [
-                (b(!0), V(ke, null, pe(m, (N) => (b(), D(S, {
-                  key: N,
-                  onClick: i[1] || (i[1] = De(() => {
-                  }, ["stop"]))
-                }, {
-                  default: f(() => [
-                    te(K(N), 1)
-                  ]),
-                  _: 2
-                }, 1024))), 128))
-              ]),
-              _: 2
-            }, 1024)) : (b(), V("span", Ze, "-"))
+          tags: u(({ rowValue: a }) => [
+            f(o(Be), { tags: a }, null, 8, ["tags"])
           ]),
-          id: f(({ rowValue: m }) => [
-            u(k, {
-              text: m,
+          id: u(({ rowValue: a }) => [
+            f(k, {
+              text: a,
               truncate: ""
             }, null, 8, ["text"])
           ]),
-          actions: f(({ row: m }) => [
-            u(be, null, {
-              default: f(({ copyToClipboard: N }) => [
-                u(c, {
+          actions: u(({ row: a }) => [
+            f(r, null, {
+              default: u(({ copyToClipboard: te }) => [
+                f(g, {
                   "data-testid": "action-entity-copy-id",
-                  onClick: ($e) => E(m, N)
+                  onClick: (Ke) => $(a, te)
                 }, {
-                  default: f(() => [
-                    te(K(o(y)("keys.actions.copy_id")), 1)
+                  default: u(() => [
+                    le(j(o(y)("keys.actions.copy_id")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            u(be, null, {
-              default: f(({ copyToClipboard: N }) => [
-                u(c, {
+            f(r, null, {
+              default: u(({ copyToClipboard: te }) => [
+                f(g, {
                   "data-testid": "action-entity-copy-json",
-                  onClick: ($e) => v(m, N)
+                  onClick: (Ke) => v(a, te)
                 }, {
-                  default: f(() => [
-                    te(K(o(y)("keys.actions.copy_json")), 1)
+                  default: u(() => [
+                    le(j(o(y)("keys.actions.copy_json")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            u(o(se), {
-              "auth-function": () => s.canRetrieve(m)
+            f(o(oe), {
+              "auth-function": () => s.canRetrieve(a)
             }, {
-              default: f(() => [
-                u(c, {
+              default: u(() => [
+                f(g, {
                   "data-testid": "action-entity-view",
                   "has-divider": "",
-                  item: ne(m.id)
+                  item: ae(a.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            u(o(se), {
-              "auth-function": () => s.canEdit(m)
+            f(o(oe), {
+              "auth-function": () => s.canEdit(a)
             }, {
-              default: f(() => [
-                u(c, {
+              default: u(() => [
+                f(g, {
                   "data-testid": "action-entity-edit",
-                  item: re(m.id)
+                  item: re(a.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            u(o(se), {
-              "auth-function": () => s.canDelete(m)
+            f(o(oe), {
+              "auth-function": () => s.canDelete(a)
             }, {
-              default: f(() => [
-                u(c, {
+              default: u(() => [
+                f(g, {
                   danger: "",
                   "data-testid": "action-entity-delete",
                   "has-divider": "",
-                  onClick: (N) => ce(m)
+                  onClick: (te) => de(a)
                 }, {
-                  default: f(() => [
-                    te(K(o(y)("keys.actions.delete")), 1)
+                  default: u(() => [
+                    le(j(o(y)("keys.actions.delete")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -472,31 +458,31 @@ const ve = {
           ]),
           _: 1
         }, 8, ["cache-identifier", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "hide-toolbar", "query", "table-headers"]),
-        u(o(Pe), {
-          "action-pending": W.value,
+        f(o(Ue), {
+          "action-pending": O.value,
           description: o(y)("keys.delete.description"),
-          "entity-name": F.value && (F.value.name || F.value.id),
-          "entity-type": o(Ne).Key,
-          error: H.value,
+          "entity-name": M.value && (M.value.name || M.value.id),
+          "entity-type": o(qe).Key,
+          error: z.value,
           "need-confirm": !1,
           title: o(y)("keys.delete.title"),
-          visible: J.value,
-          onCancel: ye,
-          onProceed: X
+          visible: N.value,
+          onCancel: ce,
+          onProceed: G
         }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"])
       ]);
     };
   }
-}), je = (s, P) => {
-  const _ = s.__vccOpts || s;
-  for (const [l, y] of P)
-    _[l] = y;
-  return _;
-}, mt = /* @__PURE__ */ je(et, [["__scopeId", "data-v-a99a46e1"]]), tt = { class: "kong-ui-entities-keys-form" }, lt = { "data-testid": "no-search-results" }, it = { class: "select-item-container" }, ot = { class: "select-item-label" }, st = { class: "select-item-description" }, at = {
+}), Ce = (s, U) => {
+  const h = s.__vccOpts || s;
+  for (const [l, y] of U)
+    h[l] = y;
+  return h;
+}, ut = /* @__PURE__ */ Ce(Xe, [["__scopeId", "data-v-22a4f9c4"]]), Ye = { class: "kong-ui-entities-keys-form" }, Ze = { "data-testid": "no-search-results" }, et = { class: "select-item-container" }, tt = { class: "select-item-label" }, lt = { class: "select-item-description" }, it = {
   key: 0,
   class: "invalid-key-set-message",
   "data-testid": "invalid-key-set-message"
-}, nt = { "data-testid": "key-format-container" }, rt = /* @__PURE__ */ me({
+}, ot = { "data-testid": "key-format-container" }, st = /* @__PURE__ */ ue({
   __name: "KeyForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -525,9 +511,9 @@ const ve = {
     }
   },
   emits: ["update", "error", "loading"],
-  setup(s, { emit: P }) {
-    var ee;
-    const _ = P, l = s, y = Ce(), { i18n: { t: r } } = ve.useI18n(), { getMessageFromError: j } = Oe(), { axiosInstance: R } = ge((ee = l.config) == null ? void 0 : ee.axiosRequestConfig), L = I(() => l.keySetId ? q.form[l.config.app].edit.forKeySet.replace(/{keySetId}/gi, l.keySetId) : q.form[l.config.app].edit.all), $ = I(() => l.keyId ? ae.Edit : ae.Create), t = he({
+  setup(s, { emit: U }) {
+    var Y;
+    const h = U, l = s, y = Ie(), { i18n: { t: d } } = pe.useI18n(), { getMessageFromError: C } = Pe(), { axiosInstance: x } = ke((Y = l.config) == null ? void 0 : Y.axiosRequestConfig), J = _(() => l.keySetId ? B.form[l.config.app].edit.forKeySet.replace(/{keySetId}/gi, l.keySetId) : B.form[l.config.app].edit.all), K = _(() => l.keyId ? se.Edit : se.Create), t = me({
       fields: {
         name: "",
         tags: "",
@@ -540,7 +526,7 @@ const ve = {
       },
       isReadonly: !1,
       errorMessage: ""
-    }), w = he({
+    }), I = me({
       name: "",
       tags: "",
       key_id: "",
@@ -549,250 +535,250 @@ const ve = {
       jwk: "",
       private_key: "",
       public_key: ""
-    }), x = [
+    }), E = [
       {
-        label: r("keys.form.fields.key_format.options.jwk"),
+        label: d("keys.form.fields.key_format.options.jwk"),
         value: "jwk"
       },
       {
-        label: r("keys.form.fields.key_format.options.pem"),
+        label: d("keys.form.fields.key_format.options.pem"),
         value: "pem"
       }
-    ], T = I(() => t.isReadonly || $.value === ae.Create && !!l.fixedKeySetId), Q = I(() => !T.value);
-    le(() => l.fixedKeySetId, (e) => {
-      $.value === ae.Create && (t.fields.key_set = e);
+    ], V = _(() => t.isReadonly || K.value === se.Create && !!l.fixedKeySetId), W = _(() => !V.value);
+    Z(() => l.fixedKeySetId, (e) => {
+      K.value === se.Create && (t.fields.key_set = e);
     }, { immediate: !0 });
-    const z = I(() => JSON.stringify(t.fields) !== JSON.stringify(w) && !!t.fields.key_id && !!t.fields.key_format && (t.fields.key_format === "jwk" && !!t.fields.jwk || t.fields.key_format === "pem" && !!t.fields.private_key && !!t.fields.public_key)), G = (e) => {
-      var i, d, k, S;
-      t.fields.key_id = (e == null ? void 0 : e.kid) || "", t.fields.name = (e == null ? void 0 : e.name) || "", t.fields.tags = ((i = e == null ? void 0 : e.tags) == null ? void 0 : i.join(", ")) || "", t.fields.key_set = ((d = e == null ? void 0 : e.set) == null ? void 0 : d.id) || "", t.fields.key_format = e != null && e.pem ? "pem" : "jwk", t.fields.jwk = (e == null ? void 0 : e.jwk) || "", t.fields.private_key = ((k = e == null ? void 0 : e.pem) == null ? void 0 : k.private_key) || "", t.fields.public_key = ((S = e == null ? void 0 : e.pem) == null ? void 0 : S.public_key) || "", Object.assign(w, t.fields);
-    }, O = () => {
+    const L = _(() => JSON.stringify(t.fields) !== JSON.stringify(I) && !!t.fields.key_id && !!t.fields.key_format && (t.fields.key_format === "jwk" && !!t.fields.jwk || t.fields.key_format === "pem" && !!t.fields.private_key && !!t.fields.public_key)), Q = (e) => {
+      var i, c, k, g;
+      t.fields.key_id = (e == null ? void 0 : e.kid) || "", t.fields.name = (e == null ? void 0 : e.name) || "", t.fields.tags = ((i = e == null ? void 0 : e.tags) == null ? void 0 : i.join(", ")) || "", t.fields.key_set = ((c = e == null ? void 0 : e.set) == null ? void 0 : c.id) || "", t.fields.key_format = e != null && e.pem ? "pem" : "jwk", t.fields.jwk = (e == null ? void 0 : e.jwk) || "", t.fields.private_key = ((k = e == null ? void 0 : e.pem) == null ? void 0 : k.private_key) || "", t.fields.public_key = ((g = e == null ? void 0 : e.pem) == null ? void 0 : g.public_key) || "", Object.assign(I, t.fields);
+    }, P = () => {
       y.push(l.config.cancelRoute);
-    }, a = I(() => {
-      var i, d;
-      let e = `${l.config.apiBaseUrl}${q.form[l.config.app][$.value][l.keySetId ? "forKeySet" : "all"]}`;
-      return l.config.app === "konnect" ? e = e.replace(/{controlPlaneId}/gi, ((i = l.config) == null ? void 0 : i.controlPlaneId) || "") : l.config.app === "kongManager" && (e = e.replace(/\/{workspace}/gi, (d = l.config) != null && d.workspace ? `/${l.config.workspace}` : "")), e = e.replace(/{id}/gi, l.keyId).replace(/{keySetId}/gi, l.keySetId || ""), e;
-    }), g = I(() => {
-      var e, i, d;
+    }, n = _(() => {
+      var i, c;
+      let e = `${l.config.apiBaseUrl}${B.form[l.config.app][K.value][l.keySetId ? "forKeySet" : "all"]}`;
+      return l.config.app === "konnect" ? e = e.replace(/{controlPlaneId}/gi, ((i = l.config) == null ? void 0 : i.controlPlaneId) || "") : l.config.app === "kongManager" && (e = e.replace(/\/{workspace}/gi, (c = l.config) != null && c.workspace ? `/${l.config.workspace}` : "")), e = e.replace(/{id}/gi, l.keyId).replace(/{keySetId}/gi, l.keySetId || ""), e;
+    }), m = _(() => {
+      var e, i, c;
       return {
         kid: t.fields.key_id,
         name: t.fields.name || null,
-        tags: ((d = (i = (e = t.fields.tags) == null ? void 0 : e.split(",")) == null ? void 0 : i.map((k) => String(k || "").trim())) == null ? void 0 : d.filter((k) => k !== "")) || [],
+        tags: ((c = (i = (e = t.fields.tags) == null ? void 0 : e.split(",")) == null ? void 0 : i.map((k) => String(k || "").trim())) == null ? void 0 : c.filter((k) => k !== "")) || [],
         set: t.fields.key_set ? { id: t.fields.key_set } : null,
         jwk: t.fields.key_format === "jwk" ? t.fields.jwk : null,
         pem: t.fields.key_format === "pem" ? { private_key: t.fields.private_key, public_key: t.fields.public_key } : null
       };
-    }), E = async () => {
-      var e, i, d, k, S;
+    }), $ = async () => {
+      var e, i, c, k, g;
       try {
         t.isReadonly = !0;
-        let n;
-        if ($.value === "create" ? n = await R.post(a.value, g.value) : $.value === "edit" && (n = ((e = l.config) == null ? void 0 : e.app) === "konnect" ? await R.put(a.value, g.value) : await R.patch(a.value, g.value)), n) {
-          const { data: c } = n;
-          t.fields.key_id = (c == null ? void 0 : c.kid) || "", t.fields.name = (c == null ? void 0 : c.name) || "", t.fields.tags = ((i = c == null ? void 0 : c.tags) == null ? void 0 : i.join(", ")) || "", t.fields.key_set = ((d = c == null ? void 0 : c.set) == null ? void 0 : d.id) || "", t.fields.key_format = c != null && c.pem ? "pem" : "jwk", t.fields.jwk = (c == null ? void 0 : c.jwk) || "", t.fields.private_key = ((k = c == null ? void 0 : c.pem) == null ? void 0 : k.private_key) || "", t.fields.public_key = ((S = c == null ? void 0 : c.pem) == null ? void 0 : S.public_key) || "", Object.assign(w, t.fields), _("update", n == null ? void 0 : n.data);
+        let r;
+        if (K.value === "create" ? r = await x.post(n.value, m.value) : K.value === "edit" && (r = ((e = l.config) == null ? void 0 : e.app) === "konnect" ? await x.put(n.value, m.value) : await x.patch(n.value, m.value)), r) {
+          const { data: a } = r;
+          t.fields.key_id = (a == null ? void 0 : a.kid) || "", t.fields.name = (a == null ? void 0 : a.name) || "", t.fields.tags = ((i = a == null ? void 0 : a.tags) == null ? void 0 : i.join(", ")) || "", t.fields.key_set = ((c = a == null ? void 0 : a.set) == null ? void 0 : c.id) || "", t.fields.key_format = a != null && a.pem ? "pem" : "jwk", t.fields.jwk = (a == null ? void 0 : a.jwk) || "", t.fields.private_key = ((k = a == null ? void 0 : a.pem) == null ? void 0 : k.private_key) || "", t.fields.public_key = ((g = a == null ? void 0 : a.pem) == null ? void 0 : g.public_key) || "", Object.assign(I, t.fields), h("update", r == null ? void 0 : r.data);
         }
-      } catch (n) {
-        t.errorMessage = j(n), _("error", n);
+      } catch (r) {
+        t.errorMessage = C(r), h("error", r);
       } finally {
         t.isReadonly = !1;
       }
     }, {
       debouncedQueryChange: v,
-      loading: C,
+      loading: w,
       allRecords: p,
-      error: ie,
-      validationError: ne,
+      error: ee,
+      validationError: ae,
       loadItems: re,
-      results: F
-    } = Je(l.config, q.form[l.config.app].keySets, void 0, {
+      results: M
+    } = Ne(l.config, B.form[l.config.app].keySets, void 0, {
       fetchedItemsKey: "data",
       searchKeys: ["id", "name"]
-    }), J = (e) => {
-      (!e || e !== t.fields.key_set && e !== w.key_set) && v(e);
-    }, W = I(() => ie.value ? r("keys.errors.key_sets.fetch") : ""), H = I(() => ne.value ? r("keys.errors.key_sets.invalid") : ""), de = h(0), ce = I(() => p.value === void 0), ye = I(() => {
-      if (ce.value)
-        return l.config.app === "konnect" ? r("keys.form.fields.key_set.footer") : void 0;
-    }), X = h(/* @__PURE__ */ new Set()), Y = I(() => Array.from(X.value).map((i) => ({
+    }), N = (e) => {
+      (!e || e !== t.fields.key_set && e !== I.key_set) && v(e);
+    }, O = _(() => ee.value ? d("keys.errors.key_sets.fetch") : ""), z = _(() => ae.value ? d("keys.errors.key_sets.invalid") : ""), ne = b(0), de = _(() => p.value === void 0), ce = _(() => {
+      if (de.value)
+        return l.config.app === "konnect" ? d("keys.form.fields.key_set.footer") : void 0;
+    }), G = b(/* @__PURE__ */ new Set()), H = _(() => Array.from(G.value).map((i) => ({
       name: i.name || "",
       // can't use name for label or it tries to search => 404
       label: "",
       // leave it blank so no flicker when used with selected-item-template
       value: i.id,
       selected: t.fields.key_set === i.id
-    }))), Z = (e) => {
-      X.value.clear();
+    }))), X = (e) => {
+      G.value.clear();
       let i;
       for (i of e)
-        X.value.add(i);
+        G.value.add(i);
     };
-    return le(F, (e) => {
-      Z(e);
-    }, { immediate: !0, deep: !0 }), le(Y, () => {
-      de.value++;
-    }, { immediate: !0, deep: !0 }), we(async () => {
+    return Z(M, (e) => {
+      X(e);
+    }, { immediate: !0, deep: !0 }), Z(H, () => {
+      ne.value++;
+    }, { immediate: !0, deep: !0 }), Se(async () => {
       await re();
     }), (e, i) => {
-      const d = M("KInput"), k = M("KSelect"), S = M("KTextArea");
-      return b(), V("div", tt, [
-        u(o(We), {
-          "can-submit": z.value,
+      const c = T("KInput"), k = T("KSelect"), g = T("KTextArea");
+      return S(), q("div", Ye, [
+        f(o(Oe), {
+          "can-submit": L.value,
           config: s.config,
           "edit-id": s.keyId,
-          "entity-type": o(Ke).Key,
-          "error-message": t.errorMessage || W.value,
-          "fetch-url": L.value,
-          "form-fields": g.value,
+          "entity-type": o(we).Key,
+          "error-message": t.errorMessage || O.value,
+          "fetch-url": J.value,
+          "form-fields": m.value,
           "is-readonly": t.isReadonly,
-          onCancel: O,
-          "onFetch:error": i[8] || (i[8] = (n) => e.$emit("error", n)),
-          "onFetch:success": G,
-          onLoading: i[9] || (i[9] = (n) => e.$emit("loading", n)),
-          onSubmit: E
+          onCancel: P,
+          "onFetch:error": i[8] || (i[8] = (r) => e.$emit("error", r)),
+          "onFetch:success": Q,
+          onLoading: i[9] || (i[9] = (r) => e.$emit("loading", r)),
+          onSubmit: $
         }, {
-          default: f(() => [
-            u(o(Se), {
-              description: o(r)("keys.form.sections.general.description"),
-              title: o(r)("keys.form.sections.general.title")
+          default: u(() => [
+            f(o(he), {
+              description: o(d)("keys.form.sections.general.description"),
+              title: o(d)("keys.form.sections.general.title")
             }, {
-              default: f(() => [
-                u(d, {
+              default: u(() => [
+                f(c, {
                   modelValue: t.fields.key_id,
-                  "onUpdate:modelValue": i[0] || (i[0] = (n) => t.fields.key_id = n),
+                  "onUpdate:modelValue": i[0] || (i[0] = (r) => t.fields.key_id = r),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "key-form-id",
-                  help: o(r)("keys.form.fields.id.help"),
-                  label: o(r)("keys.form.fields.id.label"),
+                  help: o(d)("keys.form.fields.id.help"),
+                  label: o(d)("keys.form.fields.id.label"),
                   "label-attributes": {
-                    info: o(r)("keys.form.fields.id.tooltip"),
+                    info: o(d)("keys.form.fields.id.tooltip"),
                     tooltipAttributes: { maxWidth: "400" }
                   },
-                  placeholder: o(r)("keys.form.fields.id.placeholder"),
+                  placeholder: o(d)("keys.form.fields.id.placeholder"),
                   readonly: t.isReadonly,
                   required: "",
                   type: "text"
                 }, null, 8, ["modelValue", "help", "label", "label-attributes", "placeholder", "readonly"]),
-                u(d, {
+                f(c, {
                   modelValue: t.fields.name,
-                  "onUpdate:modelValue": i[1] || (i[1] = (n) => t.fields.name = n),
+                  "onUpdate:modelValue": i[1] || (i[1] = (r) => t.fields.name = r),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "key-form-name",
-                  label: o(r)("keys.form.fields.name.label"),
-                  placeholder: o(r)("keys.form.fields.name.placeholder"),
+                  label: o(d)("keys.form.fields.name.label"),
+                  placeholder: o(d)("keys.form.fields.name.placeholder"),
                   readonly: t.isReadonly,
                   type: "text"
                 }, null, 8, ["modelValue", "label", "placeholder", "readonly"]),
-                u(k, {
+                f(k, {
                   modelValue: t.fields.key_set,
-                  "onUpdate:modelValue": i[2] || (i[2] = (n) => t.fields.key_set = n),
-                  clearable: Q.value,
+                  "onUpdate:modelValue": i[2] || (i[2] = (r) => t.fields.key_set = r),
+                  clearable: W.value,
                   "data-testid": "key-form-key-set",
-                  "dropdown-footer-text": ye.value,
+                  "dropdown-footer-text": ce.value,
                   "enable-filtering": "",
                   "filter-function": () => !0,
-                  items: Y.value,
-                  label: o(r)("keys.form.fields.key_set.label"),
-                  loading: o(C),
-                  placeholder: o(r)("keys.form.fields.key_set.placeholder"),
-                  readonly: T.value,
+                  items: H.value,
+                  label: o(d)("keys.form.fields.key_set.label"),
+                  loading: o(w),
+                  placeholder: o(d)("keys.form.fields.key_set.placeholder"),
+                  readonly: V.value,
                   width: "100%",
-                  onQueryChange: J
+                  onQueryChange: N
                 }, {
-                  loading: f(() => [
-                    U("div", null, K(o(r)("keys.actions.loading")), 1)
+                  loading: u(() => [
+                    F("div", null, j(o(d)("keys.actions.loading")), 1)
                   ]),
-                  empty: f(() => [
-                    U("div", lt, K(o(r)("keys.search.no_results")), 1)
+                  empty: u(() => [
+                    F("div", Ze, j(o(d)("keys.search.no_results")), 1)
                   ]),
-                  "selected-item-template": f(({ item: n }) => [
-                    U("div", null, K(n.name), 1)
+                  "selected-item-template": u(({ item: r }) => [
+                    F("div", null, j(r.name), 1)
                   ]),
-                  "item-template": f(({ item: n }) => [
-                    U("div", it, [
-                      U("div", ot, K(n.name), 1),
-                      U("div", st, K(n.value), 1)
+                  "item-template": u(({ item: r }) => [
+                    F("div", et, [
+                      F("div", tt, j(r.name), 1),
+                      F("div", lt, j(r.value), 1)
                     ])
                   ]),
                   _: 1
                 }, 8, ["modelValue", "clearable", "dropdown-footer-text", "items", "label", "loading", "placeholder", "readonly"]),
-                H.value ? (b(), V("p", at, K(H.value), 1)) : oe("", !0),
-                u(d, {
+                z.value ? (S(), q("p", it, j(z.value), 1)) : ie("", !0),
+                f(c, {
                   modelValue: t.fields.tags,
-                  "onUpdate:modelValue": i[3] || (i[3] = (n) => t.fields.tags = n),
+                  "onUpdate:modelValue": i[3] || (i[3] = (r) => t.fields.tags = r),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "key-form-tags",
-                  help: o(r)("keys.form.fields.tags.help"),
-                  label: o(r)("keys.form.fields.tags.label"),
+                  help: o(d)("keys.form.fields.tags.help"),
+                  label: o(d)("keys.form.fields.tags.label"),
                   "label-attributes": {
-                    info: o(r)("keys.form.fields.tags.tooltip"),
+                    info: o(d)("keys.form.fields.tags.tooltip"),
                     tooltipAttributes: { maxWidth: "400" }
                   },
-                  placeholder: o(r)("keys.form.fields.tags.placeholder"),
+                  placeholder: o(d)("keys.form.fields.tags.placeholder"),
                   readonly: t.isReadonly,
                   type: "text"
                 }, null, 8, ["modelValue", "help", "label", "label-attributes", "placeholder", "readonly"])
               ]),
               _: 1
             }, 8, ["description", "title"]),
-            u(o(Se), {
-              description: o(r)("keys.form.sections.keys.description"),
+            f(o(he), {
+              description: o(d)("keys.form.sections.keys.description"),
               "has-divider": "",
-              title: o(r)("keys.form.sections.keys.title")
+              title: o(d)("keys.form.sections.keys.title")
             }, {
-              default: f(() => [
-                U("div", nt, [
-                  u(k, {
+              default: u(() => [
+                F("div", ot, [
+                  f(k, {
                     modelValue: t.fields.key_format,
-                    "onUpdate:modelValue": i[4] || (i[4] = (n) => t.fields.key_format = n),
+                    "onUpdate:modelValue": i[4] || (i[4] = (r) => t.fields.key_format = r),
                     "data-testid": "key-form-key-format",
-                    items: x,
-                    label: o(r)("keys.form.fields.key_format.label"),
+                    items: E,
+                    label: o(d)("keys.form.fields.key_format.label"),
                     readonly: t.isReadonly,
                     required: "",
                     width: "100%"
                   }, null, 8, ["modelValue", "label", "readonly"])
                 ]),
-                t.fields.key_format === "jwk" ? (b(), D(S, {
+                t.fields.key_format === "jwk" ? (S(), A(g, {
                   key: 0,
                   modelValue: t.fields.jwk,
-                  "onUpdate:modelValue": i[5] || (i[5] = (n) => t.fields.jwk = n),
+                  "onUpdate:modelValue": i[5] || (i[5] = (r) => t.fields.jwk = r),
                   modelModifiers: { trim: !0 },
                   class: "key-form-textarea",
                   "data-testid": "key-form-jwk",
-                  label: o(r)("keys.form.fields.jwk.label"),
+                  label: o(d)("keys.form.fields.jwk.label"),
                   "label-attributes": {
-                    info: o(r)("keys.form.fields.jwk.tooltip"),
+                    info: o(d)("keys.form.fields.jwk.tooltip"),
                     tooltipAttributes: { maxWidth: "400" }
                   },
-                  placeholder: o(r)("keys.form.fields.jwk.placeholder"),
+                  placeholder: o(d)("keys.form.fields.jwk.placeholder"),
                   readonly: t.isReadonly,
                   required: ""
-                }, null, 8, ["modelValue", "label", "label-attributes", "placeholder", "readonly"])) : oe("", !0),
-                t.fields.key_format === "pem" ? (b(), D(S, {
+                }, null, 8, ["modelValue", "label", "label-attributes", "placeholder", "readonly"])) : ie("", !0),
+                t.fields.key_format === "pem" ? (S(), A(g, {
                   key: 1,
                   modelValue: t.fields.private_key,
-                  "onUpdate:modelValue": i[6] || (i[6] = (n) => t.fields.private_key = n),
+                  "onUpdate:modelValue": i[6] || (i[6] = (r) => t.fields.private_key = r),
                   modelModifiers: { trim: !0 },
                   class: "key-form-textarea",
                   "data-testid": "key-form-private-key",
-                  label: o(r)("keys.form.fields.private_key.label"),
-                  placeholder: o(r)("keys.form.fields.private_key.placeholder"),
+                  label: o(d)("keys.form.fields.private_key.label"),
+                  placeholder: o(d)("keys.form.fields.private_key.placeholder"),
                   readonly: t.isReadonly,
                   required: ""
-                }, null, 8, ["modelValue", "label", "placeholder", "readonly"])) : oe("", !0),
-                t.fields.key_format === "pem" ? (b(), D(S, {
+                }, null, 8, ["modelValue", "label", "placeholder", "readonly"])) : ie("", !0),
+                t.fields.key_format === "pem" ? (S(), A(g, {
                   key: 2,
                   modelValue: t.fields.public_key,
-                  "onUpdate:modelValue": i[7] || (i[7] = (n) => t.fields.public_key = n),
+                  "onUpdate:modelValue": i[7] || (i[7] = (r) => t.fields.public_key = r),
                   modelModifiers: { trim: !0 },
                   class: "key-form-textarea",
                   "data-testid": "key-form-public-key",
-                  label: o(r)("keys.form.fields.public_key.label"),
-                  placeholder: o(r)("keys.form.fields.public_key.placeholder"),
+                  label: o(d)("keys.form.fields.public_key.label"),
+                  placeholder: o(d)("keys.form.fields.public_key.placeholder"),
                   readonly: t.isReadonly,
                   required: ""
-                }, null, 8, ["modelValue", "label", "placeholder", "readonly"])) : oe("", !0)
+                }, null, 8, ["modelValue", "label", "placeholder", "readonly"])) : ie("", !0)
               ]),
               _: 1
             }, 8, ["description", "title"])
@@ -802,7 +788,7 @@ const ve = {
       ]);
     };
   }
-}), gt = /* @__PURE__ */ je(rt, [["__scopeId", "data-v-9d0b1ebc"]]), dt = { class: "kong-ui-entities-keys-entity-config-card" }, ct = { key: 2 }, vt = /* @__PURE__ */ me({
+}), kt = /* @__PURE__ */ Ce(st, [["__scopeId", "data-v-9d0b1ebc"]]), at = { class: "kong-ui-entities-keys-entity-config-card" }, rt = { key: 2 }, pt = /* @__PURE__ */ ue({
   __name: "KeyConfigCard",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -835,142 +821,142 @@ const ve = {
     }
   },
   emits: ["loading", "fetch:error", "fetch:success", "navigation-click"],
-  setup(s, { emit: P }) {
-    var O;
-    const _ = P, l = s, { axiosInstance: y } = ge((O = l.config) == null ? void 0 : O.axiosRequestConfig), { convertKeyToTitle: r } = Le(), { i18n: { t: j } } = ve.useI18n(), R = I(() => l.keySetId ? `${q.form[l.config.app].edit.forKeySet}`.replace(/{keySetId}/gi, l.keySetId) : q.form[l.config.app].edit.all), L = I(() => {
-      var a;
-      return (a = q.form[l.config.app]) == null ? void 0 : a.getKeySet;
-    }), $ = h(), t = h({}), w = h(l.keySetId || ""), x = h(""), T = h(!1), Q = async (a) => {
-      var g;
-      $.value = a, w.value = (g = a == null ? void 0 : a.set) == null ? void 0 : g.id, _("fetch:success", a), z(a);
+  setup(s, { emit: U }) {
+    var P;
+    const h = U, l = s, { axiosInstance: y } = ke((P = l.config) == null ? void 0 : P.axiosRequestConfig), { convertKeyToTitle: d } = Je(), { i18n: { t: C } } = pe.useI18n(), x = _(() => l.keySetId ? `${B.form[l.config.app].edit.forKeySet}`.replace(/{keySetId}/gi, l.keySetId) : B.form[l.config.app].edit.all), J = _(() => {
+      var n;
+      return (n = B.form[l.config.app]) == null ? void 0 : n.getKeySet;
+    }), K = b(), t = b({}), I = b(l.keySetId || ""), E = b(""), V = b(!1), W = async (n) => {
+      var m;
+      K.value = n, I.value = (m = n == null ? void 0 : n.set) == null ? void 0 : m.id, h("fetch:success", n), L(n);
     };
-    le(w, async () => {
-      var g, E;
-      if (!w.value)
+    Z(I, async () => {
+      var m, $;
+      if (!I.value)
         return;
-      let a = `${l.config.apiBaseUrl}${L.value}`;
-      l.config.app === "konnect" ? a = a.replace(/{controlPlaneId}/gi, ((g = l.config) == null ? void 0 : g.controlPlaneId) || "").replace(/{keySetId}/gi, w.value || "") : l.config.app === "kongManager" && (a = a.replace(/\/{workspace}/gi, (E = l.config) != null && E.workspace ? `/${l.config.workspace}` : "").replace(/{keySetId}/gi, w.value || ""));
+      let n = `${l.config.apiBaseUrl}${J.value}`;
+      l.config.app === "konnect" ? n = n.replace(/{controlPlaneId}/gi, ((m = l.config) == null ? void 0 : m.controlPlaneId) || "").replace(/{keySetId}/gi, I.value || "") : l.config.app === "kongManager" && (n = n.replace(/\/{workspace}/gi, ($ = l.config) != null && $.workspace ? `/${l.config.workspace}` : "").replace(/{keySetId}/gi, I.value || ""));
       try {
-        T.value = !0;
-        const { data: v } = await y.get(a, {
-          validateStatus: (C) => C === 404 || C >= 200 && C < 300
+        V.value = !0;
+        const { data: v } = await y.get(n, {
+          validateStatus: (w) => w === 404 || w >= 200 && w < 300
           // in case KeySet is deleted
         });
-        x.value = (v == null ? void 0 : v.name) || (v == null ? void 0 : v.id);
+        E.value = (v == null ? void 0 : v.name) || (v == null ? void 0 : v.id);
       } catch (v) {
-        _("fetch:error", v);
+        h("fetch:error", v);
       } finally {
-        T.value = !1;
+        V.value = !1;
       }
     }, { immediate: !0 });
-    const z = (a) => {
-      var g, E;
+    const L = (n) => {
+      var m, $;
       try {
-        if (a.jwk) {
-          const v = JSON.parse(a.jwk);
-          Object.keys(v).forEach((C) => {
+        if (n.jwk) {
+          const v = JSON.parse(n.jwk);
+          Object.keys(v).forEach((w) => {
             t.value = {
               ...t.value,
-              [`jwk.${C}`]: v[C]
+              [`jwk.${w}`]: v[w]
             };
           });
         } else
           t.value = {
-            "pem.public_key": (g = a == null ? void 0 : a.pem) == null ? void 0 : g.public_key,
-            "pem.private_key": (E = a == null ? void 0 : a.pem) == null ? void 0 : E.private_key
+            "pem.public_key": (m = n == null ? void 0 : n.pem) == null ? void 0 : m.public_key,
+            "pem.private_key": ($ = n == null ? void 0 : n.pem) == null ? void 0 : $.private_key
           };
       } catch (v) {
-        _("fetch:error", v);
+        h("fetch:error", v);
       }
       return t;
-    }, G = h({
+    }, Q = b({
       id: {},
       name: {
-        tooltip: j("keys.form.fields.name.tooltip")
+        tooltip: C("keys.form.fields.name.tooltip")
       },
       last_updated: {},
       created: {},
       set: {
-        label: j("keys.form.fields.set.label"),
-        section: fe.Basic,
-        tooltip: j("keys.form.fields.set.tooltip"),
+        label: C("keys.form.fields.set.label"),
+        section: ye.Basic,
+        tooltip: C("keys.form.fields.set.tooltip"),
         order: 5
       },
       kid: {
-        label: j("keys.form.fields.kid.label"),
-        section: fe.Basic,
-        tooltip: j("keys.form.fields.kid.tooltip")
+        label: C("keys.form.fields.kid.label"),
+        section: ye.Basic,
+        tooltip: C("keys.form.fields.kid.tooltip")
       },
       tags: {
-        tooltip: j("keys.form.fields.tags.tooltip")
+        tooltip: C("keys.form.fields.tags.tooltip")
       },
       // advanced fields
       jwk: {
-        label: j("keys.form.fields.jwk.label"),
-        type: ue.Json
+        label: C("keys.form.fields.jwk.label"),
+        type: fe.Json
       },
       pem: {
-        section: fe.Advanced,
-        label: j("keys.form.fields.key_format.options.pem"),
-        type: ue.Json
+        section: ye.Advanced,
+        label: C("keys.form.fields.key_format.options.pem"),
+        type: fe.Json
       }
     });
-    return (a, g) => {
-      var v, C;
-      const E = M("KSkeleton");
-      return b(), V("div", dt, [
-        u(o(Qe), {
+    return (n, m) => {
+      var v, w;
+      const $ = T("KSkeleton");
+      return S(), q("div", at, [
+        f(o(We), {
           config: s.config,
           "config-card-doc": s.configCardDoc,
-          "config-schema": G.value,
-          "entity-type": o(Ke).Key,
-          "fetch-url": R.value,
+          "config-schema": Q.value,
+          "entity-type": o(we).Key,
+          "fetch-url": x.value,
           "hide-title": s.hideTitle,
-          "onFetch:error": g[0] || (g[0] = (p) => a.$emit("fetch:error", p)),
-          "onFetch:success": Q,
-          onLoading: g[1] || (g[1] = (p) => a.$emit("loading", p))
-        }, Re({
-          set: f(({ row: p }) => [
-            T.value ? (b(), D(E, {
+          "onFetch:error": m[0] || (m[0] = (p) => n.$emit("fetch:error", p)),
+          "onFetch:success": W,
+          onLoading: m[1] || (m[1] = (p) => n.$emit("loading", p))
+        }, xe({
+          set: u(({ row: p }) => [
+            V.value ? (S(), A($, {
               key: 0,
               "data-testid": "key-set-name-loader",
               type: "spinner"
-            })) : p.value && p.value.id === w.value && x.value ? (b(), D(o(ze), {
+            })) : p.value && p.value.id === I.value && E.value ? (S(), A(o(Le), {
               key: 1,
               item: {
                 key: p.value.id,
-                value: x.value,
-                type: o(ue).LinkInternal
+                value: E.value,
+                type: o(fe).LinkInternal
               },
-              onClick: (ie) => a.$emit("navigation-click", p.value.id, "key-sets")
-            }, null, 8, ["item", "onClick"])) : (b(), V("div", ct, K("–")))
+              onClick: (ee) => n.$emit("navigation-click", p.value.id, "key-sets")
+            }, null, 8, ["item", "onClick"])) : (S(), q("div", rt, j("–")))
           ]),
           _: 2
         }, [
-          (v = $.value) != null && v.jwk ? {
+          (v = K.value) != null && v.jwk ? {
             name: "jwk",
-            fn: f(() => [
-              (b(!0), V(ke, null, pe(Object.keys(t.value), (p) => (b(), D(o(Ie), {
+            fn: u(() => [
+              (S(!0), q(ge, null, ve(Object.keys(t.value), (p) => (S(), A(o(_e), {
                 key: p,
                 "data-testid": `${p}`,
                 item: {
                   key: p,
-                  label: o(r)(p),
+                  label: o(d)(p),
                   value: t.value[p]
                 }
               }, null, 8, ["data-testid", "item"]))), 128))
             ]),
             key: "0"
           } : void 0,
-          (C = $.value) != null && C.pem ? {
+          (w = K.value) != null && w.pem ? {
             name: "pem",
-            fn: f(() => [
-              (b(!0), V(ke, null, pe(Object.keys(t.value), (p) => (b(), D(o(Ie), {
+            fn: u(() => [
+              (S(!0), q(ge, null, ve(Object.keys(t.value), (p) => (S(), A(o(_e), {
                 key: p,
                 "data-testid": `${p}`,
                 item: {
                   key: p,
-                  label: o(r)(p),
+                  label: o(d)(p),
                   value: t.value[p]
                 }
               }, null, 8, ["data-testid", "item"]))), 128))
@@ -983,7 +969,7 @@ const ve = {
   }
 });
 export {
-  vt as KeyConfigCard,
-  gt as KeyForm,
-  mt as KeyList
+  pt as KeyConfigCard,
+  kt as KeyForm,
+  ut as KeyList
 };