@kong-ui-public/entities-key-sets 3.11.41 → 3.13.0

package/dist/entities-key-sets.es.js

@@ -1,112 +1,44 @@
-import { defineComponent as z, computed as v, ref as b, watch as we, onBeforeMount as Ee, resolveComponent as F, openBlock as D, createElementBlock as Q, createVNode as i, unref as a, createSlots as te, withCtx as r, createTextVNode as E, toDisplayString as I, createElementVNode as ae, createBlock as G, Teleport as $e, createCommentVNode as ne, reactive as se } from "vue";
-import { BookIcon as oe, AddIcon as ie, KeyIcon as Ke } from "@kong/icons";
-import { useRouter as le } from "vue-router";
-import { createI18n as Me, i18nTComponent as Fe } from "@kong-ui-public/i18n";
-import { useAxios as ce, useTableState as De, useFetcher as Re, useDeleteUrlBuilder as Te, FetcherStatus as Be, EntityBaseTable as Ve, PermissionsWrapper as P, TableTags as xe, EntityFilter as Oe, EntityDeleteModal as qe, EntityTypes as Pe, useErrors as Ne, EntityBaseFormType as re, EntityBaseForm as Ue, SupportedEntityType as de, EntityFormSection as je, EntityBaseConfigCard as Ae } from "@kong-ui-public/entities-shared";
-const Je = {
-  title: "Key sets",
-  list: {
-    toolbar_actions: {
-      new_key_set: "New key set"
-    },
-    table_headers: {
-      name: "Name",
-      id: "ID",
-      tags: "Tags"
-    },
-    empty_state: {
-      title: "Configure a new key set",
-      description: "A key set object holds a collection of asymmetric key objects. This entity allows to logically group keys by their purpose."
-    },
-    empty_state_v2: {
-      title: "Configure your first key set",
-      group: "Key sets created in gateways within this group will automatically appear here.",
-      description: "Key sets centrally manage asymmetric keys for plugins like OpenID Connect and JWT, simplifying configuration and security across services.",
-      create_cta: "New key set",
-      learn_more: "Learn more"
-    }
-  },
-  actions: {
-    create: "New key set",
-    copy_id: "Copy ID",
-    copy_json: "Copy JSON",
-    edit: "Edit",
-    delete: "Delete",
-    clear: "Clear",
-    view: "View details"
-  },
-  search: {
-    placeholder: "Filter by exact name or ID"
-  },
-  delete: {
-    title: "Delete a key set",
-    description: "Deleting this key set will also delete keys associated. This action cannot be reversed so make sure to check the key set usage before deleting."
-  },
-  errors: {
-    general: "Key sets could not be retrieved",
-    delete: "The key set could not be deleted at this time.",
-    copy: "Failed to copy to clipboard"
-  },
-  copy: {
-    success: "Copied {val} to clipboard",
-    success_brief: "Successfully copied to clipboard"
-  },
-  form: {
-    sections: {
-      general: {
-        title: "General information",
-        description: "General information will help identify and manage this key set."
-      }
-    },
-    fields: {
-      name: {
-        label: "Name",
-        placeholder: "Enter a unique name for this key set"
-      },
-      tags: {
-        label: "Tags",
-        placeholder: "Enter a list of tags separated by comma",
-        help: "e.g. tag1, tag2, tag3",
-        tooltip: "An optional set of strings for grouping and filtering, separated by commas."
-      }
-    }
-  }
-}, Le = {
-  keySets: Je
+import { defineComponent as H, computed as g, ref as v, watch as _e, onBeforeMount as we, resolveComponent as $, openBlock as K, createElementBlock as W, createVNode as s, unref as a, createSlots as Y, withCtx as r, createTextVNode as _, toDisplayString as S, createElementVNode as Z, createBlock as J, Teleport as Ee, createCommentVNode as ee, reactive as te } from "vue";
+import { BookIcon as ae, AddIcon as ne, KeyIcon as $e } from "@kong/icons";
+import { useRouter as se } from "vue-router";
+import { createI18n as Ke, i18nTComponent as Me } from "@kong-ui-public/i18n";
+import { useAxios as ie, useTableState as Fe, useFetcher as De, useDeleteUrlBuilder as Re, FetcherStatus as Te, EntityBaseTable as Be, PermissionsWrapper as O, TableTags as Ve, EntityFilter as xe, EntityDeleteModal as Oe, EntityTypes as qe, useErrors as Pe, EntityBaseFormType as oe, EntityBaseForm as Ne, SupportedEntityType as re, EntityFormSection as Ue, EntityBaseConfigCard as je } from "@kong-ui-public/entities-shared";
+const Ae = { title: "Key sets", list: { toolbar_actions: { new_key_set: "New key set" }, table_headers: { name: "Name", id: "ID", tags: "Tags" }, empty_state: { title: "Configure a new key set", description: "A key set object holds a collection of asymmetric key objects. This entity allows to logically group keys by their purpose." }, empty_state_v2: { title: "Configure your first key set", group: "Key sets created in gateways within this group will automatically appear here.", description: "Key sets centrally manage asymmetric keys for plugins like OpenID Connect and JWT, simplifying configuration and security across services.", create_cta: "New key set", learn_more: "Learn more" } }, actions: { create: "New key set", copy_id: "Copy ID", copy_json: "Copy JSON", edit: "Edit", delete: "Delete", clear: "Clear", view: "View details" }, search: { placeholder: "Filter by exact name or ID" }, delete: { title: "Delete a key set", description: "Deleting this key set will also delete keys associated. This action cannot be reversed so make sure to check the key set usage before deleting." }, errors: { general: "Key sets could not be retrieved", delete: "The key set could not be deleted at this time.", copy: "Failed to copy to clipboard" }, copy: { success: "Copied {val} to clipboard", success_brief: "Successfully copied to clipboard" }, form: { sections: { general: { title: "General information", description: "General information will help identify and manage this key set." } }, fields: { name: { label: "Name", placeholder: "Enter a unique name for this key set" }, tags: { label: "Tags", placeholder: "Enter a list of tags separated by comma", help: "e.g. tag1, tag2, tag3", tooltip: "An optional set of strings for grouping and filtering, separated by commas." } } } }, Je = {
+  keySets: Ae
 };
-function Ge() {
-  const e = Me("en-us", Le);
+function Le() {
+  const e = Ke("en-us", Je);
   return {
     i18n: e,
-    i18nT: Fe(e)
+    i18nT: Me(e)
     // Translation component <i18n-t>
   };
 }
-const X = {
-  useI18n: Ge
-}, H = "/v2/control-planes/{controlPlaneId}/core-entities/{workspace}", W = "/{workspace}", N = {
+const z = {
+  useI18n: Le
+}, L = "/v2/control-planes/{controlPlaneId}/core-entities/{workspace}", G = "/{workspace}", q = {
   list: {
-    konnect: `${H}/key-sets`,
-    kongManager: `${W}/key-sets`
+    konnect: `${L}/key-sets`,
+    kongManager: `${G}/key-sets`
   },
   form: {
     konnect: {
-      create: `${H}/key-sets`,
-      edit: `${H}/key-sets/{id}`
+      create: `${L}/key-sets`,
+      edit: `${L}/key-sets/{id}`
     },
     kongManager: {
-      create: `${W}/key-sets`,
-      edit: `${W}/key-sets/{id}`
+      create: `${G}/key-sets`,
+      edit: `${G}/key-sets/{id}`
     }
   }
-}, He = { class: "kong-ui-entities-key-sets-list" }, We = { class: "button-row" }, ze = /* @__PURE__ */ z({
+}, Ge = { class: "kong-ui-entities-key-sets-list" }, He = { class: "button-row" }, We = /* @__PURE__ */ H({
   __name: "KeySetList",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
     config: {
       type: Object,
       required: !0,
-      validator: (e) => !(!e || !["konnect", "kongManager"].includes(e == null ? void 0 : e.app) || !e.createRoute || !e.getViewRoute || !e.getEditRoute || e.app === "kongManager" && !e.isExactMatch && !e.filterSchema)
+      validator: (e) => !(!e || !["konnect", "kongManager"].includes(e?.app) || !e.createRoute || !e.getViewRoute || !e.getEditRoute || e.app === "kongManager" && !e.isExactMatch && !e.filterSchema)
     },
     // used to override the default identifier for the cache entry
     cacheIdentifier: {
@@ -144,175 +76,170 @@ const X = {
     }
   },
   emits: ["error", "click:learn-more", "copy:success", "copy:error", "delete:success"],
-  setup(e, { emit: _ }) {
-    var Z;
-    const m = _, t = e, { i18n: { t: s } } = X.useI18n(), g = le(), { axiosInstance: h } = ce((Z = t.config) == null ? void 0 : Z.axiosRequestConfig), { hasRecords: k, handleStateChange: U } = De(() => S.value), R = v(() => k.value && t.config.app === "konnect"), c = v(() => t.config.app !== "kongManager" || !!t.config.disableSorting), $ = {
+  setup(e, { emit: C }) {
+    const u = C, t = e, { i18n: { t: o } } = z.useI18n(), f = se(), { axiosInstance: k } = ie(t.config?.axiosRequestConfig), { hasRecords: m, handleStateChange: P } = Fe(() => h.value), M = g(() => m.value && t.config.app === "konnect"), l = g(() => t.config.app !== "kongManager" || !!t.config.disableSorting), w = {
       // the Name column is non-hidable
-      name: { label: s("keySets.list.table_headers.name"), searchable: !0, sortable: !0, hidable: !1 },
-      tags: { label: s("keySets.list.table_headers.tags") },
-      id: { label: s("keySets.list.table_headers.id"), sortable: !0 }
-    }, j = $, x = v(() => {
-      var o, p;
-      let n = `${t.config.apiBaseUrl}${N.list[t.config.app]}`;
-      return t.config.app === "konnect" && (n = n.replace(/{controlPlaneId}/gi, ((o = t.config) == null ? void 0 : o.controlPlaneId) || "")), n.replace(/\/{workspace}/gi, (p = t.config) != null && p.workspace ? `/${t.config.workspace}` : "");
-    }), S = b(""), T = v(() => {
+      name: { label: o("keySets.list.table_headers.name"), searchable: !0, sortable: !0, hidable: !1 },
+      tags: { label: o("keySets.list.table_headers.tags") },
+      id: { label: o("keySets.list.table_headers.id"), sortable: !0 }
+    }, N = w, R = g(() => {
+      let n = `${t.config.apiBaseUrl}${q.list[t.config.app]}`;
+      return t.config.app === "konnect" && (n = n.replace(/{controlPlaneId}/gi, t.config?.controlPlaneId || "")), n.replace(/\/{workspace}/gi, t.config?.workspace ? `/${t.config.workspace}` : "");
+    }), h = v(""), F = g(() => {
       const n = t.config.app === "konnect" || t.config.isExactMatch;
       if (n)
         return {
           isExactMatch: n,
-          placeholder: s("keySets.search.placeholder")
+          placeholder: o("keySets.search.placeholder")
         };
-      const o = { name: $.name };
+      const c = { name: w.name };
       return {
         isExactMatch: n,
-        fields: o,
+        fields: c,
         schema: t.config.filterSchema
       };
     }), {
-      fetcher: K,
-      fetcherState: A,
-      fetcherCacheKey: M
-    } = Re(v(() => ({ ...t.config, cacheIdentifier: t.cacheIdentifier })), x), y = () => {
-      S.value = "";
-    }, d = () => {
-      M.value++;
-    }, l = b(null), f = async (n, o) => {
-      const p = n.id;
-      if (!await o(p)) {
-        pe(n, "id");
+      fetcher: E,
+      fetcherState: U,
+      fetcherCacheKey: i
+    } = De(g(() => ({ ...t.config, cacheIdentifier: t.cacheIdentifier })), R), y = () => {
+      h.value = "";
+    }, T = () => {
+      i.value++;
+    }, p = v(null), ce = async (n, c) => {
+      const b = n.id;
+      if (!await c(b)) {
+        fe(n, "id");
         return;
       }
-      fe(n, "id");
-    }, ye = async (n, o) => {
-      const p = JSON.stringify(n);
-      if (!await o(p)) {
-        m("copy:error", {
+      ue(n, "id");
+    }, de = async (n, c) => {
+      const b = JSON.stringify(n);
+      if (!await c(b)) {
+        u("copy:error", {
           entity: n,
-          message: s("keySets.errors.copy")
+          message: o("keySets.errors.copy")
         });
         return;
       }
-      m("copy:success", {
+      u("copy:success", {
         entity: n,
-        message: s("keySets.copy.success_brief")
+        message: o("keySets.copy.success_brief")
       });
-    }, fe = (n, o) => {
-      m("copy:success", {
+    }, ue = (n, c) => {
+      u("copy:success", {
         entity: n,
-        field: o,
-        message: s("keySets.copy.success", { val: n[o] })
+        field: c,
+        message: o("keySets.copy.success", { val: n[c] })
       });
-    }, pe = (n, o) => {
-      m("copy:error", {
+    }, fe = (n, c) => {
+      u("copy:error", {
         entity: n,
-        field: o,
-        message: s("keySets.errors.copy")
+        field: c,
+        message: o("keySets.errors.copy")
       });
-    }, me = async (n) => {
-      var p;
-      await ((p = t.canRetrieve) == null ? void 0 : p.call(t, n)) && g.push(t.config.getViewRoute(n.id));
-    }, ge = (n) => ({
-      label: s("keySets.actions.view"),
+    }, ye = async (n) => {
+      await t.canRetrieve?.(n) && f.push(t.config.getViewRoute(n.id));
+    }, pe = (n) => ({
+      label: o("keySets.actions.view"),
       to: t.config.getViewRoute(n)
-    }), ke = (n) => ({
-      label: s("keySets.actions.edit"),
+    }), me = (n) => ({
+      label: o("keySets.actions.edit"),
       to: t.config.getEditRoute(n)
-    }), w = b(void 0), O = b(!1), q = b(!1), Y = b(""), ve = Te(t.config, x.value), he = (n) => {
-      w.value = n, O.value = !0;
-    }, be = () => {
-      O.value = !1;
-    }, Se = async () => {
-      var n, o, p;
-      if ((n = w.value) != null && n.id) {
-        q.value = !0;
+    }), I = v(void 0), B = v(!1), V = v(!1), Q = v(""), ge = Re(t.config, R.value), ke = (n) => {
+      I.value = n, B.value = !0;
+    }, ve = () => {
+      B.value = !1;
+    }, he = async () => {
+      if (I.value?.id) {
+        V.value = !0;
         try {
-          await h.delete(ve(w.value.id)), q.value = !1, O.value = !1, M.value++, m("delete:success", w.value);
-        } catch (C) {
-          Y.value = ((p = (o = C.response) == null ? void 0 : o.data) == null ? void 0 : p.message) || C.message || s("keySets.errors.delete"), m("error", C);
+          await k.delete(ge(I.value.id)), V.value = !1, B.value = !1, i.value++, u("delete:success", I.value);
+        } catch (n) {
+          Q.value = n.response?.data?.message || n.message || o("keySets.errors.delete"), u("error", n);
         } finally {
-          q.value = !1;
+          V.value = !1;
         }
       }
-    }, Ce = () => {
-      g.push(t.config.createRoute);
+    }, be = () => {
+      f.push(t.config.createRoute);
     };
-    we(A, (n) => {
-      var o, p, C;
-      if (n.status === Be.Error) {
-        l.value = {
-          title: s("keySets.errors.general")
-        }, (C = (p = (o = n.error) == null ? void 0 : o.response) == null ? void 0 : p.data) != null && C.message && (l.value.message = n.error.response.data.message), m("error", n.error);
+    _e(U, (n) => {
+      if (n.status === Te.Error) {
+        p.value = {
+          title: o("keySets.errors.general")
+        }, n.error?.response?.data?.message && (p.value.message = n.error.response.data.message), u("error", n.error);
         return;
       }
-      l.value = null;
+      p.value = null;
     });
-    const J = b({
+    const j = v({
       ctaPath: t.config.createRoute,
       ctaText: void 0,
-      message: `${s("keySets.list.empty_state.description")}${t.config.additionMessageForEmptyState ? ` ${t.config.additionMessageForEmptyState}` : ""}`,
-      title: s("keySets.title")
-    }), L = b(!1);
-    return Ee(async () => {
-      L.value = await t.canCreate(), L.value && (J.value.title = s("keySets.list.empty_state.title"), J.value.ctaText = s("keySets.actions.create"));
-    }), (n, o) => {
-      const p = F("KButton"), C = F("KEmptyState"), Ie = F("KCopy"), B = F("KDropdownItem"), ee = F("KClipboardProvider");
-      return D(), Q("div", He, [
-        i(a(Ve), {
+      message: `${o("keySets.list.empty_state.description")}${t.config.additionMessageForEmptyState ? ` ${t.config.additionMessageForEmptyState}` : ""}`,
+      title: o("keySets.title")
+    }), A = v(!1);
+    return we(async () => {
+      A.value = await t.canCreate(), A.value && (j.value.title = o("keySets.list.empty_state.title"), j.value.ctaText = o("keySets.actions.create"));
+    }), (n, c) => {
+      const b = $("KButton"), Se = $("KEmptyState"), Ce = $("KCopy"), D = $("KDropdownItem"), X = $("KClipboardProvider");
+      return K(), W("div", Ge, [
+        s(a(Be), {
           "cache-identifier": e.cacheIdentifier,
-          "disable-sorting": c.value,
-          "empty-state-options": J.value,
+          "disable-sorting": l.value,
+          "empty-state-options": j.value,
           "enable-entity-actions": "",
-          "error-message": l.value,
-          fetcher: a(K),
-          "fetcher-cache-key": a(M),
+          "error-message": p.value,
+          fetcher: a(E),
+          "fetcher-cache-key": a(i),
           "pagination-type": "offset",
           "preferences-storage-key": "kong-ui-entities-key-sets-list",
-          query: S.value,
-          "table-headers": a(j),
+          query: h.value,
+          "table-headers": a(N),
           onClearSearchInput: y,
-          "onClick:row": o[3] || (o[3] = (u) => me(u)),
-          onSort: d,
-          onState: a(U)
-        }, te({
+          "onClick:row": c[3] || (c[3] = (d) => ye(d)),
+          onSort: T,
+          onState: a(P)
+        }, Y({
           "toolbar-filter": r(() => [
-            i(a(Oe), {
-              modelValue: S.value,
-              "onUpdate:modelValue": o[0] || (o[0] = (u) => S.value = u),
-              config: T.value
+            s(a(xe), {
+              modelValue: h.value,
+              "onUpdate:modelValue": c[0] || (c[0] = (d) => h.value = d),
+              config: F.value
             }, null, 8, ["modelValue", "config"])
           ]),
           "toolbar-button": r(() => [
-            (D(), G($e, {
+            (K(), J(Ee, {
               disabled: !e.useActionOutside,
               to: "#kong-ui-app-page-header-action-button"
             }, [
-              ae("div", We, [
-                R.value ? (D(), G(p, {
+              Z("div", He, [
+                M.value ? (K(), J(b, {
                   key: 0,
                   appearance: "secondary",
                   class: "open-learning-hub",
                   "data-testid": "keys-set-learn-more-button",
                   icon: "",
-                  onClick: o[1] || (o[1] = (u) => n.$emit("click:learn-more"))
+                  onClick: c[1] || (c[1] = (d) => n.$emit("click:learn-more"))
                 }, {
                   default: r(() => [
-                    i(a(oe), { decorative: "" })
+                    s(a(ae), { decorative: "" })
                   ]),
                   _: 1
-                })) : ne("", !0),
-                i(a(P), {
+                })) : ee("", !0),
+                s(a(O), {
                   "auth-function": () => e.canCreate()
                 }, {
                   default: r(() => [
-                    i(p, {
+                    s(b, {
                       appearance: "primary",
                       "data-testid": "toolbar-add-key-set",
                       size: e.useActionOutside ? "medium" : "large",
                       to: e.config.createRoute
                     }, {
                       default: r(() => [
-                        i(a(ie)),
-                        E(" " + I(a(s)("keySets.list.toolbar_actions.new_key_set")), 1)
+                        s(a(ne)),
+                        _(" " + S(a(o)("keySets.list.toolbar_actions.new_key_set")), 1)
                       ]),
                       _: 1
                     }, 8, ["size", "to"])
@@ -322,82 +249,82 @@ const X = {
               ])
             ], 8, ["disabled"]))
           ]),
-          name: r(({ rowValue: u }) => [
-            ae("b", null, I(u ?? "-"), 1)
+          name: r(({ rowValue: d }) => [
+            Z("b", null, S(d ?? "-"), 1)
           ]),
-          tags: r(({ rowValue: u }) => [
-            i(a(xe), { tags: u }, null, 8, ["tags"])
+          tags: r(({ rowValue: d }) => [
+            s(a(Ve), { tags: d }, null, 8, ["tags"])
           ]),
-          id: r(({ rowValue: u }) => [
-            i(Ie, {
-              text: u,
+          id: r(({ rowValue: d }) => [
+            s(Ce, {
+              text: d,
               truncate: ""
             }, null, 8, ["text"])
           ]),
-          actions: r(({ row: u }) => [
-            i(ee, null, {
-              default: r(({ copyToClipboard: V }) => [
-                i(B, {
+          actions: r(({ row: d }) => [
+            s(X, null, {
+              default: r(({ copyToClipboard: x }) => [
+                s(D, {
                   "data-testid": "action-entity-copy-id",
-                  onClick: (_e) => f(u, V)
+                  onClick: (Ie) => ce(d, x)
                 }, {
                   default: r(() => [
-                    E(I(a(s)("keySets.actions.copy_id")), 1)
+                    _(S(a(o)("keySets.actions.copy_id")), 1)
                   ]),
                   _: 1
                 }, 8, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            i(ee, null, {
-              default: r(({ copyToClipboard: V }) => [
-                i(B, {
+            s(X, null, {
+              default: r(({ copyToClipboard: x }) => [
+                s(D, {
                   "data-testid": "action-entity-copy-json",
-                  onClick: (_e) => ye(u, V)
+                  onClick: (Ie) => de(d, x)
                 }, {
                   default: r(() => [
-                    E(I(a(s)("keySets.actions.copy_json")), 1)
+                    _(S(a(o)("keySets.actions.copy_json")), 1)
                   ]),
                   _: 1
                 }, 8, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            i(a(P), {
-              "auth-function": () => e.canRetrieve(u)
+            s(a(O), {
+              "auth-function": () => e.canRetrieve(d)
             }, {
               default: r(() => [
-                i(B, {
+                s(D, {
                   "data-testid": "action-entity-view",
                   "has-divider": "",
-                  item: ge(u.id)
+                  item: pe(d.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            i(a(P), {
-              "auth-function": () => e.canEdit(u)
+            s(a(O), {
+              "auth-function": () => e.canEdit(d)
             }, {
               default: r(() => [
-                i(B, {
+                s(D, {
                   "data-testid": "action-entity-edit",
-                  item: ke(u.id)
+                  item: me(d.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            i(a(P), {
-              "auth-function": () => e.canDelete(u)
+            s(a(O), {
+              "auth-function": () => e.canDelete(d)
             }, {
               default: r(() => [
-                i(B, {
+                s(D, {
                   danger: "",
                   "data-testid": "action-entity-delete",
                   "has-divider": "",
-                  onClick: (V) => he(u)
+                  onClick: (x) => ke(d)
                 }, {
                   default: r(() => [
-                    E(I(a(s)("keySets.actions.delete")), 1)
+                    _(S(a(o)("keySets.actions.delete")), 1)
                   ]),
                   _: 1
                 }, 8, ["onClick"])
@@ -407,86 +334,83 @@ const X = {
           ]),
           _: 2
         }, [
-          !S.value && e.config.app === "konnect" ? {
+          !h.value && e.config.app === "konnect" ? {
             name: "empty-state",
-            fn: r(() => {
-              var u;
-              return [
-                i(C, {
-                  "data-testid": "key-sets-entity-empty-state",
-                  "icon-background": "",
-                  message: a(s)("keySets.list.empty_state_v2.description"),
-                  title: a(s)("keySets.list.empty_state_v2.title")
-                }, te({
-                  icon: r(() => [
-                    i(a(Ke), { decorative: "" })
-                  ]),
-                  action: r(() => [
-                    L.value ? (D(), G(p, {
-                      key: 0,
-                      "data-testid": "entity-create-button",
-                      onClick: Ce
-                    }, {
-                      default: r(() => [
-                        i(a(ie), { decorative: "" }),
-                        E(" " + I(a(s)("keySets.list.empty_state_v2.create_cta")), 1)
-                      ]),
-                      _: 1
-                    })) : ne("", !0),
-                    i(p, {
-                      appearance: "secondary",
-                      "data-testid": "entity-learn-more-button",
-                      onClick: o[2] || (o[2] = (V) => n.$emit("click:learn-more"))
-                    }, {
-                      default: r(() => [
-                        i(a(oe), { decorative: "" }),
-                        E(" " + I(a(s)("keySets.list.empty_state_v2.learn_more")), 1)
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 2
-                }, [
-                  (u = e.config) != null && u.isControlPlaneGroup ? {
-                    name: "default",
-                    fn: r(() => [
-                      E(I(a(s)("keySets.list.empty_state_v2.group")), 1)
+            fn: r(() => [
+              s(Se, {
+                "data-testid": "key-sets-entity-empty-state",
+                "icon-background": "",
+                message: a(o)("keySets.list.empty_state_v2.description"),
+                title: a(o)("keySets.list.empty_state_v2.title")
+              }, Y({
+                icon: r(() => [
+                  s(a($e), { decorative: "" })
+                ]),
+                action: r(() => [
+                  A.value ? (K(), J(b, {
+                    key: 0,
+                    "data-testid": "entity-create-button",
+                    onClick: be
+                  }, {
+                    default: r(() => [
+                      s(a(ne), { decorative: "" }),
+                      _(" " + S(a(o)("keySets.list.empty_state_v2.create_cta")), 1)
                     ]),
-                    key: "0"
-                  } : void 0
-                ]), 1032, ["message", "title"])
-              ];
-            }),
+                    _: 1
+                  })) : ee("", !0),
+                  s(b, {
+                    appearance: "secondary",
+                    "data-testid": "entity-learn-more-button",
+                    onClick: c[2] || (c[2] = (d) => n.$emit("click:learn-more"))
+                  }, {
+                    default: r(() => [
+                      s(a(ae), { decorative: "" }),
+                      _(" " + S(a(o)("keySets.list.empty_state_v2.learn_more")), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 2
+              }, [
+                e.config?.isControlPlaneGroup ? {
+                  name: "default",
+                  fn: r(() => [
+                    _(S(a(o)("keySets.list.empty_state_v2.group")), 1)
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1032, ["message", "title"])
+            ]),
             key: "0"
           } : void 0
         ]), 1032, ["cache-identifier", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "query", "table-headers", "onState"]),
-        i(a(qe), {
-          "action-pending": q.value,
-          description: a(s)("keySets.delete.description"),
-          "entity-name": w.value && (w.value.name || w.value.id),
-          "entity-type": a(Pe).KeySet,
-          error: Y.value,
-          title: a(s)("keySets.delete.title"),
-          visible: O.value,
-          onCancel: be,
-          onProceed: Se
+        s(a(Oe), {
+          "action-pending": V.value,
+          description: a(o)("keySets.delete.description"),
+          "entity-name": I.value && (I.value.name || I.value.id),
+          "entity-type": a(qe).KeySet,
+          error: Q.value,
+          title: a(o)("keySets.delete.title"),
+          visible: B.value,
+          onCancel: ve,
+          onProceed: he
         }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"])
       ]);
     };
   }
-}), ue = (e, _) => {
-  const m = e.__vccOpts || e;
-  for (const [t, s] of _)
-    m[t] = s;
-  return m;
-}, st = /* @__PURE__ */ ue(ze, [["__scopeId", "data-v-b73f146e"]]), Qe = { class: "kong-ui-entities-key-sets-form" }, Xe = /* @__PURE__ */ z({
+}), le = (e, C) => {
+  const u = e.__vccOpts || e;
+  for (const [t, o] of C)
+    u[t] = o;
+  return u;
+}, nt = /* @__PURE__ */ le(We, [["__scopeId", "data-v-b73f146e"]]), ze = { class: "kong-ui-entities-key-sets-form" }, Qe = /* @__PURE__ */ H({
   __name: "KeySetForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
     config: {
       type: Object,
       required: !0,
-      validator: (e) => !(!e || !["konnect", "kongManager"].includes(e == null ? void 0 : e.app) || e.app === "konnect" && !e.controlPlaneId || e.app === "kongManager" && typeof e.workspace != "string" || !e.cancelRoute)
+      validator: (e) => !(!e || !["konnect", "kongManager"].includes(e?.app) || e.app === "konnect" && !e.controlPlaneId || e.app === "kongManager" && typeof e.workspace != "string" || !e.cancelRoute)
     },
     /** If a valid Key Set ID is provided, it will put the form in Edit mode instead of Create */
     keySetId: {
@@ -496,98 +420,91 @@ const X = {
     }
   },
   emits: ["update", "error", "loading"],
-  setup(e, { emit: _ }) {
-    var M;
-    const m = _, t = e, s = le(), { i18n: { t: g } } = X.useI18n(), { getMessageFromError: h } = Ne(), { axiosInstance: k } = ce((M = t.config) == null ? void 0 : M.axiosRequestConfig), U = v(() => N.form[t.config.app].edit), R = v(() => t.keySetId ? re.Edit : re.Create), c = se({
+  setup(e, { emit: C }) {
+    const u = C, t = e, o = se(), { i18n: { t: f } } = z.useI18n(), { getMessageFromError: k } = Pe(), { axiosInstance: m } = ie(t.config?.axiosRequestConfig), P = g(() => q.form[t.config.app].edit), M = g(() => t.keySetId ? oe.Edit : oe.Create), l = te({
       fields: {
         name: "",
         tags: ""
       },
       isReadonly: !1,
       errorMessage: ""
-    }), $ = se({
+    }), w = te({
       name: "",
       tags: ""
-    }), j = v(() => JSON.stringify(c.fields) !== JSON.stringify($) && !!c.fields.name), x = (y) => {
-      var d;
-      c.fields.name = (y == null ? void 0 : y.name) || "", c.fields.tags = ((d = y == null ? void 0 : y.tags) == null ? void 0 : d.join(", ")) || "", Object.assign($, c.fields);
-    }, S = () => {
-      s.push(t.config.cancelRoute);
-    }, T = v(() => {
-      var d, l;
-      let y = `${t.config.apiBaseUrl}${N.form[t.config.app][R.value]}`;
-      return t.config.app === "konnect" && (y = y.replace(/{controlPlaneId}/gi, ((d = t.config) == null ? void 0 : d.controlPlaneId) || "")), y.replace(/\/{workspace}/gi, (l = t.config) != null && l.workspace ? `/${t.config.workspace}` : "").replace(/{id}/gi, t.keySetId ?? "");
-    }), K = v(() => {
-      var y, d, l;
-      return {
-        name: c.fields.name,
-        tags: ((l = (d = (y = c.fields.tags) == null ? void 0 : y.split(",")) == null ? void 0 : d.map((f) => String(f || "").trim())) == null ? void 0 : l.filter((f) => f !== "")) || ""
-      };
-    }), A = async () => {
-      var y, d;
+    }), N = g(() => JSON.stringify(l.fields) !== JSON.stringify(w) && !!l.fields.name), R = (i) => {
+      l.fields.name = i?.name || "", l.fields.tags = i?.tags?.join(", ") || "", Object.assign(w, l.fields);
+    }, h = () => {
+      o.push(t.config.cancelRoute);
+    }, F = g(() => {
+      let i = `${t.config.apiBaseUrl}${q.form[t.config.app][M.value]}`;
+      return t.config.app === "konnect" && (i = i.replace(/{controlPlaneId}/gi, t.config?.controlPlaneId || "")), i.replace(/\/{workspace}/gi, t.config?.workspace ? `/${t.config.workspace}` : "").replace(/{id}/gi, t.keySetId ?? "");
+    }), E = g(() => ({
+      name: l.fields.name,
+      tags: l.fields.tags?.split(",")?.map((i) => String(i || "").trim())?.filter((i) => i !== "") || ""
+    })), U = async () => {
       try {
-        c.isReadonly = !0;
-        let l;
-        if (R.value === "create" ? l = await k.post(T.value, K.value) : R.value === "edit" && (l = ((y = t.config) == null ? void 0 : y.app) === "konnect" ? await k.put(T.value, K.value) : await k.patch(T.value, K.value)), l) {
-          const { data: f } = l;
-          c.fields.name = (f == null ? void 0 : f.name) || "", c.fields.tags = ((d = f == null ? void 0 : f.tags) == null ? void 0 : d.join(", ")) || "", Object.assign($, c.fields), m("update", l == null ? void 0 : l.data);
+        l.isReadonly = !0;
+        let i;
+        if (M.value === "create" ? i = await m.post(F.value, E.value) : M.value === "edit" && (i = t.config?.app === "konnect" ? await m.put(F.value, E.value) : await m.patch(F.value, E.value)), i) {
+          const { data: y } = i;
+          l.fields.name = y?.name || "", l.fields.tags = y?.tags?.join(", ") || "", Object.assign(w, l.fields), u("update", i?.data);
         }
-      } catch (l) {
-        c.errorMessage = h(l), m("error", l);
+      } catch (i) {
+        l.errorMessage = k(i), u("error", i);
       } finally {
-        c.isReadonly = !1;
+        l.isReadonly = !1;
       }
     };
-    return (y, d) => {
-      const l = F("KInput");
-      return D(), Q("div", Qe, [
-        i(a(Ue), {
-          "can-submit": j.value,
+    return (i, y) => {
+      const T = $("KInput");
+      return K(), W("div", ze, [
+        s(a(Ne), {
+          "can-submit": N.value,
           config: e.config,
           "edit-id": e.keySetId,
-          "entity-type": a(de).KeySet,
-          "error-message": c.errorMessage,
-          "fetch-url": U.value,
-          "form-fields": K.value,
-          "is-readonly": c.isReadonly,
-          onCancel: S,
-          "onFetch:error": d[2] || (d[2] = (f) => y.$emit("error", f)),
-          "onFetch:success": x,
-          onLoading: d[3] || (d[3] = (f) => y.$emit("loading", f)),
-          onSubmit: A
+          "entity-type": a(re).KeySet,
+          "error-message": l.errorMessage,
+          "fetch-url": P.value,
+          "form-fields": E.value,
+          "is-readonly": l.isReadonly,
+          onCancel: h,
+          "onFetch:error": y[2] || (y[2] = (p) => i.$emit("error", p)),
+          "onFetch:success": R,
+          onLoading: y[3] || (y[3] = (p) => i.$emit("loading", p)),
+          onSubmit: U
         }, {
           default: r(() => [
-            i(a(je), {
-              description: a(g)("keySets.form.sections.general.description"),
+            s(a(Ue), {
+              description: a(f)("keySets.form.sections.general.description"),
               "has-divider": "",
-              title: a(g)("keySets.form.sections.general.title")
+              title: a(f)("keySets.form.sections.general.title")
             }, {
               default: r(() => [
-                i(l, {
-                  modelValue: c.fields.name,
-                  "onUpdate:modelValue": d[0] || (d[0] = (f) => c.fields.name = f),
+                s(T, {
+                  modelValue: l.fields.name,
+                  "onUpdate:modelValue": y[0] || (y[0] = (p) => l.fields.name = p),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "key-set-form-name",
-                  label: a(g)("keySets.form.fields.name.label"),
-                  placeholder: a(g)("keySets.form.fields.name.placeholder"),
-                  readonly: c.isReadonly,
+                  label: a(f)("keySets.form.fields.name.label"),
+                  placeholder: a(f)("keySets.form.fields.name.placeholder"),
+                  readonly: l.isReadonly,
                   type: "text"
                 }, null, 8, ["modelValue", "label", "placeholder", "readonly"]),
-                i(l, {
-                  modelValue: c.fields.tags,
-                  "onUpdate:modelValue": d[1] || (d[1] = (f) => c.fields.tags = f),
+                s(T, {
+                  modelValue: l.fields.tags,
+                  "onUpdate:modelValue": y[1] || (y[1] = (p) => l.fields.tags = p),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "key-set-form-tags",
-                  help: a(g)("keySets.form.fields.tags.help"),
-                  label: a(g)("keySets.form.fields.tags.label"),
+                  help: a(f)("keySets.form.fields.tags.help"),
+                  label: a(f)("keySets.form.fields.tags.label"),
                   "label-attributes": {
-                    info: a(g)("keySets.form.fields.tags.tooltip"),
+                    info: a(f)("keySets.form.fields.tags.tooltip"),
                     tooltipAttributes: { maxWidth: "400" }
                   },
-                  placeholder: a(g)("keySets.form.fields.tags.placeholder"),
-                  readonly: c.isReadonly,
+                  placeholder: a(f)("keySets.form.fields.tags.placeholder"),
+                  readonly: l.isReadonly,
                   type: "text"
                 }, null, 8, ["modelValue", "help", "label", "label-attributes", "placeholder", "readonly"])
               ]),
@@ -599,14 +516,14 @@ const X = {
       ]);
     };
   }
-}), ot = /* @__PURE__ */ ue(Xe, [["__scopeId", "data-v-e66ae12a"]]), Ye = { class: "kong-ui-entities-keys-entity-config-card" }, it = /* @__PURE__ */ z({
+}), ot = /* @__PURE__ */ le(Qe, [["__scopeId", "data-v-e66ae12a"]]), Xe = { class: "kong-ui-entities-keys-entity-config-card" }, st = /* @__PURE__ */ H({
   __name: "KeySetConfigCard",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
     config: {
       type: Object,
       required: !0,
-      validator: (e) => !(!e || !["konnect", "kongManager"].includes(e == null ? void 0 : e.app) || e.app === "konnect" && !e.controlPlaneId || e.app === "kongManager" && typeof e.workspace != "string" || !e.entityId)
+      validator: (e) => !(!e || !["konnect", "kongManager"].includes(e?.app) || e.app === "konnect" && !e.controlPlaneId || e.app === "kongManager" && typeof e.workspace != "string" || !e.entityId)
     },
     /**
      * External link for documentation that determines visibility of Documentation button
@@ -626,32 +543,32 @@ const X = {
   },
   emits: ["loading", "fetch:error", "fetch:success"],
   setup(e) {
-    const _ = e, { i18n: { t: m } } = X.useI18n(), t = v(() => N.form[_.config.app].edit), s = b({
+    const C = e, { i18n: { t: u } } = z.useI18n(), t = g(() => q.form[C.config.app].edit), o = v({
       id: {},
       name: {},
       last_updated: {},
       created: {},
       tags: {
-        tooltip: m("keySets.form.fields.tags.tooltip")
+        tooltip: u("keySets.form.fields.tags.tooltip")
       }
     });
-    return (g, h) => (D(), Q("div", Ye, [
-      i(a(Ae), {
+    return (f, k) => (K(), W("div", Xe, [
+      s(a(je), {
         config: e.config,
         "config-card-doc": e.configCardDoc,
-        "config-schema": s.value,
-        "entity-type": a(de).KeySet,
+        "config-schema": o.value,
+        "entity-type": a(re).KeySet,
         "fetch-url": t.value,
         "hide-title": e.hideTitle,
-        "onFetch:error": h[0] || (h[0] = (k) => g.$emit("fetch:error", k)),
-        "onFetch:success": h[1] || (h[1] = (k) => g.$emit("fetch:success", k)),
-        onLoading: h[2] || (h[2] = (k) => g.$emit("loading", k))
+        "onFetch:error": k[0] || (k[0] = (m) => f.$emit("fetch:error", m)),
+        "onFetch:success": k[1] || (k[1] = (m) => f.$emit("fetch:success", m)),
+        onLoading: k[2] || (k[2] = (m) => f.$emit("loading", m))
       }, null, 8, ["config", "config-card-doc", "config-schema", "entity-type", "fetch-url", "hide-title"])
     ]));
   }
 });
 export {
-  it as KeySetConfigCard,
+  st as KeySetConfigCard,
   ot as KeySetForm,
-  st as KeySetList
+  nt as KeySetList
 };

package/dist/entities-key-sets.umd.js

@@ -1 +1 @@
-(function(g,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@kong/icons"),require("vue-router"),require("@kong-ui-public/i18n"),require("@kong-ui-public/entities-shared")):typeof define=="function"&&define.amd?define(["exports","vue","@kong/icons","vue-router","@kong-ui-public/i18n","@kong-ui-public/entities-shared"],e):(g=typeof globalThis<"u"?globalThis:g||self,e(g["kong-ui-public-entities-key-sets"]={},g.Vue,g.KongIcons,g.VueRouter,g["kong-ui-public-i18n"],g["kong-ui-public-entities-shared"]))})(this,function(g,e,I,L,J,i){"use strict";const Q={keySets:{title:"Key sets",list:{toolbar_actions:{new_key_set:"New key set"},table_headers:{name:"Name",id:"ID",tags:"Tags"},empty_state:{title:"Configure a new key set",description:"A key set object holds a collection of asymmetric key objects. This entity allows to logically group keys by their purpose."},empty_state_v2:{title:"Configure your first key set",group:"Key sets created in gateways within this group will automatically appear here.",description:"Key sets centrally manage asymmetric keys for plugins like OpenID Connect and JWT, simplifying configuration and security across services.",create_cta:"New key set",learn_more:"Learn more"}},actions:{create:"New key set",copy_id:"Copy ID",copy_json:"Copy JSON",edit:"Edit",delete:"Delete",clear:"Clear",view:"View details"},search:{placeholder:"Filter by exact name or ID"},delete:{title:"Delete a key set",description:"Deleting this key set will also delete keys associated. This action cannot be reversed so make sure to check the key set usage before deleting."},errors:{general:"Key sets could not be retrieved",delete:"The key set could not be deleted at this time.",copy:"Failed to copy to clipboard"},copy:{success:"Copied {val} to clipboard",success_brief:"Successfully copied to clipboard"},form:{sections:{general:{title:"General information",description:"General information will help identify and manage this key set."}},fields:{name:{label:"Name",placeholder:"Enter a unique name for this key set"},tags:{label:"Tags",placeholder:"Enter a list of tags separated by comma",help:"e.g. tag1, tag2, tag3",tooltip:"An optional set of strings for grouping and filtering, separated by commas."}}}}};function X(){const t=J.createI18n("en-us",Q);return{i18n:t,i18nT:J.i18nTComponent(t)}}const M={useI18n:X},R="/v2/control-planes/{controlPlaneId}/core-entities/{workspace}",q="/{workspace}",$={list:{konnect:`${R}/key-sets`,kongManager:`${q}/key-sets`},form:{konnect:{create:`${R}/key-sets`,edit:`${R}/key-sets/{id}`},kongManager:{create:`${q}/key-sets`,edit:`${q}/key-sets/{id}`}}},Y={class:"kong-ui-entities-key-sets-list"},Z={class:"button-row"},v=e.defineComponent({__name:"KeySetList",props:{config:{type:Object,required:!0,validator:t=>!(!t||!["konnect","kongManager"].includes(t==null?void 0:t.app)||!t.createRoute||!t.getViewRoute||!t.getEditRoute||t.app==="kongManager"&&!t.isExactMatch&&!t.filterSchema)},cacheIdentifier:{type:String,default:""},canCreate:{type:Function,required:!1,default:async()=>!0},canDelete:{type:Function,required:!1,default:async()=>!0},canEdit:{type:Function,required:!1,default:async()=>!0},canRetrieve:{type:Function,required:!1,default:async()=>!0},useActionOutside:{type:Boolean,default:!1}},emits:["error","click:learn-more","copy:success","copy:error","delete:success"],setup(t,{emit:S}){var H;const u=S,o=t,{i18n:{t:a}}=M.useI18n(),m=L.useRouter(),{axiosInstance:h}=i.useAxios((H=o.config)==null?void 0:H.axiosRequestConfig),{hasRecords:k,handleStateChange:P}=i.useTableState(()=>b.value),_=e.computed(()=>k.value&&o.config.app==="konnect"),l=e.computed(()=>o.config.app!=="kongManager"||!!o.config.disableSorting),V={name:{label:a("keySets.list.table_headers.name"),searchable:!0,sortable:!0,hidable:!1},tags:{label:a("keySets.list.table_headers.tags")},id:{label:a("keySets.list.table_headers.id"),sortable:!0}},O=V,D=e.computed(()=>{var r,y;let n=`${o.config.apiBaseUrl}${$.list[o.config.app]}`;return o.config.app==="konnect"&&(n=n.replace(/{controlPlaneId}/gi,((r=o.config)==null?void 0:r.controlPlaneId)||"")),n.replace(/\/{workspace}/gi,(y=o.config)!=null&&y.workspace?`/${o.config.workspace}`:"")}),b=e.ref(""),E=e.computed(()=>{const n=o.config.app==="konnect"||o.config.isExactMatch;if(n)return{isExactMatch:n,placeholder:a("keySets.search.placeholder")};const r={name:V.name};return{isExactMatch:n,fields:r,schema:o.config.filterSchema}}),{fetcher:N,fetcherState:j,fetcherCacheKey:x}=i.useFetcher(e.computed(()=>({...o.config,cacheIdentifier:o.cacheIdentifier})),D),f=()=>{b.value=""},c=()=>{x.value++},s=e.ref(null),p=async(n,r)=>{const y=n.id;if(!await r(y)){ie(n,"id");return}se(n,"id")},re=async(n,r)=>{const y=JSON.stringify(n);if(!await r(y)){u("copy:error",{entity:n,message:a("keySets.errors.copy")});return}u("copy:success",{entity:n,message:a("keySets.copy.success_brief")})},se=(n,r)=>{u("copy:success",{entity:n,field:r,message:a("keySets.copy.success",{val:n[r]})})},ie=(n,r)=>{u("copy:error",{entity:n,field:r,message:a("keySets.errors.copy")})},le=async n=>{var y;await((y=o.canRetrieve)==null?void 0:y.call(o,n))&&m.push(o.config.getViewRoute(n.id))},ce=n=>({label:a("keySets.actions.view"),to:o.config.getViewRoute(n)}),de=n=>({label:a("keySets.actions.edit"),to:o.config.getEditRoute(n)}),w=e.ref(void 0),K=e.ref(!1),F=e.ref(!1),G=e.ref(""),fe=i.useDeleteUrlBuilder(o.config,D.value),pe=n=>{w.value=n,K.value=!0},ye=()=>{K.value=!1},ue=async()=>{var n,r,y;if((n=w.value)!=null&&n.id){F.value=!0;try{await h.delete(fe(w.value.id)),F.value=!1,K.value=!1,x.value++,u("delete:success",w.value)}catch(C){G.value=((y=(r=C.response)==null?void 0:r.data)==null?void 0:y.message)||C.message||a("keySets.errors.delete"),u("error",C)}finally{F.value=!1}}},me=()=>{m.push(o.config.createRoute)};e.watch(j,n=>{var r,y,C;if(n.status===i.FetcherStatus.Error){s.value={title:a("keySets.errors.general")},(C=(y=(r=n.error)==null?void 0:r.response)==null?void 0:y.data)!=null&&C.message&&(s.value.message=n.error.response.data.message),u("error",n.error);return}s.value=null});const A=e.ref({ctaPath:o.config.createRoute,ctaText:void 0,message:`${a("keySets.list.empty_state.description")}${o.config.additionMessageForEmptyState?` ${o.config.additionMessageForEmptyState}`:""}`,title:a("keySets.title")}),U=e.ref(!1);return e.onBeforeMount(async()=>{U.value=await o.canCreate(),U.value&&(A.value.title=a("keySets.list.empty_state.title"),A.value.ctaText=a("keySets.actions.create"))}),(n,r)=>{const y=e.resolveComponent("KButton"),C=e.resolveComponent("KEmptyState"),ge=e.resolveComponent("KCopy"),T=e.resolveComponent("KDropdownItem"),z=e.resolveComponent("KClipboardProvider");return e.openBlock(),e.createElementBlock("div",Y,[e.createVNode(e.unref(i.EntityBaseTable),{"cache-identifier":t.cacheIdentifier,"disable-sorting":l.value,"empty-state-options":A.value,"enable-entity-actions":"","error-message":s.value,fetcher:e.unref(N),"fetcher-cache-key":e.unref(x),"pagination-type":"offset","preferences-storage-key":"kong-ui-entities-key-sets-list",query:b.value,"table-headers":e.unref(O),onClearSearchInput:f,"onClick:row":r[3]||(r[3]=d=>le(d)),onSort:c,onState:e.unref(P)},e.createSlots({"toolbar-filter":e.withCtx(()=>[e.createVNode(e.unref(i.EntityFilter),{modelValue:b.value,"onUpdate:modelValue":r[0]||(r[0]=d=>b.value=d),config:E.value},null,8,["modelValue","config"])]),"toolbar-button":e.withCtx(()=>[(e.openBlock(),e.createBlock(e.Teleport,{disabled:!t.useActionOutside,to:"#kong-ui-app-page-header-action-button"},[e.createElementVNode("div",Z,[_.value?(e.openBlock(),e.createBlock(y,{key:0,appearance:"secondary",class:"open-learning-hub","data-testid":"keys-set-learn-more-button",icon:"",onClick:r[1]||(r[1]=d=>n.$emit("click:learn-more"))},{default:e.withCtx(()=>[e.createVNode(e.unref(I.BookIcon),{decorative:""})]),_:1})):e.createCommentVNode("",!0),e.createVNode(e.unref(i.PermissionsWrapper),{"auth-function":()=>t.canCreate()},{default:e.withCtx(()=>[e.createVNode(y,{appearance:"primary","data-testid":"toolbar-add-key-set",size:t.useActionOutside?"medium":"large",to:t.config.createRoute},{default:e.withCtx(()=>[e.createVNode(e.unref(I.AddIcon)),e.createTextVNode(" "+e.toDisplayString(e.unref(a)("keySets.list.toolbar_actions.new_key_set")),1)]),_:1},8,["size","to"])]),_:1},8,["auth-function"])])],8,["disabled"]))]),name:e.withCtx(({rowValue:d})=>[e.createElementVNode("b",null,e.toDisplayString(d??"-"),1)]),tags:e.withCtx(({rowValue:d})=>[e.createVNode(e.unref(i.TableTags),{tags:d},null,8,["tags"])]),id:e.withCtx(({rowValue:d})=>[e.createVNode(ge,{text:d,truncate:""},null,8,["text"])]),actions:e.withCtx(({row:d})=>[e.createVNode(z,null,{default:e.withCtx(({copyToClipboard:B})=>[e.createVNode(T,{"data-testid":"action-entity-copy-id",onClick:ke=>p(d,B)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)("keySets.actions.copy_id")),1)]),_:1},8,["onClick"])]),_:2},1024),e.createVNode(z,null,{default:e.withCtx(({copyToClipboard:B})=>[e.createVNode(T,{"data-testid":"action-entity-copy-json",onClick:ke=>re(d,B)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)("keySets.actions.copy_json")),1)]),_:1},8,["onClick"])]),_:2},1024),e.createVNode(e.unref(i.PermissionsWrapper),{"auth-function":()=>t.canRetrieve(d)},{default:e.withCtx(()=>[e.createVNode(T,{"data-testid":"action-entity-view","has-divider":"",item:ce(d.id)},null,8,["item"])]),_:2},1032,["auth-function"]),e.createVNode(e.unref(i.PermissionsWrapper),{"auth-function":()=>t.canEdit(d)},{default:e.withCtx(()=>[e.createVNode(T,{"data-testid":"action-entity-edit",item:de(d.id)},null,8,["item"])]),_:2},1032,["auth-function"]),e.createVNode(e.unref(i.PermissionsWrapper),{"auth-function":()=>t.canDelete(d)},{default:e.withCtx(()=>[e.createVNode(T,{danger:"","data-testid":"action-entity-delete","has-divider":"",onClick:B=>pe(d)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)("keySets.actions.delete")),1)]),_:1},8,["onClick"])]),_:2},1032,["auth-function"])]),_:2},[!b.value&&t.config.app==="konnect"?{name:"empty-state",fn:e.withCtx(()=>{var d;return[e.createVNode(C,{"data-testid":"key-sets-entity-empty-state","icon-background":"",message:e.unref(a)("keySets.list.empty_state_v2.description"),title:e.unref(a)("keySets.list.empty_state_v2.title")},e.createSlots({icon:e.withCtx(()=>[e.createVNode(e.unref(I.KeyIcon),{decorative:""})]),action:e.withCtx(()=>[U.value?(e.openBlock(),e.createBlock(y,{key:0,"data-testid":"entity-create-button",onClick:me},{default:e.withCtx(()=>[e.createVNode(e.unref(I.AddIcon),{decorative:""}),e.createTextVNode(" "+e.toDisplayString(e.unref(a)("keySets.list.empty_state_v2.create_cta")),1)]),_:1})):e.createCommentVNode("",!0),e.createVNode(y,{appearance:"secondary","data-testid":"entity-learn-more-button",onClick:r[2]||(r[2]=B=>n.$emit("click:learn-more"))},{default:e.withCtx(()=>[e.createVNode(e.unref(I.BookIcon),{decorative:""}),e.createTextVNode(" "+e.toDisplayString(e.unref(a)("keySets.list.empty_state_v2.learn_more")),1)]),_:1})]),_:2},[(d=t.config)!=null&&d.isControlPlaneGroup?{name:"default",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)("keySets.list.empty_state_v2.group")),1)]),key:"0"}:void 0]),1032,["message","title"])]}),key:"0"}:void 0]),1032,["cache-identifier","disable-sorting","empty-state-options","error-message","fetcher","fetcher-cache-key","query","table-headers","onState"]),e.createVNode(e.unref(i.EntityDeleteModal),{"action-pending":F.value,description:e.unref(a)("keySets.delete.description"),"entity-name":w.value&&(w.value.name||w.value.id),"entity-type":e.unref(i.EntityTypes).KeySet,error:G.value,title:e.unref(a)("keySets.delete.title"),visible:K.value,onCancel:ye,onProceed:ue},null,8,["action-pending","description","entity-name","entity-type","error","title","visible"])])}}}),W=(t,S)=>{const u=t.__vccOpts||t;for(const[o,a]of S)u[o]=a;return u},ee=W(v,[["__scopeId","data-v-b73f146e"]]),te={class:"kong-ui-entities-key-sets-form"},oe=W(e.defineComponent({__name:"KeySetForm",props:{config:{type:Object,required:!0,validator:t=>!(!t||!["konnect","kongManager"].includes(t==null?void 0:t.app)||t.app==="konnect"&&!t.controlPlaneId||t.app==="kongManager"&&typeof t.workspace!="string"||!t.cancelRoute)},keySetId:{type:String,required:!1,default:null}},emits:["update","error","loading"],setup(t,{emit:S}){var x;const u=S,o=t,a=L.useRouter(),{i18n:{t:m}}=M.useI18n(),{getMessageFromError:h}=i.useErrors(),{axiosInstance:k}=i.useAxios((x=o.config)==null?void 0:x.axiosRequestConfig),P=e.computed(()=>$.form[o.config.app].edit),_=e.computed(()=>o.keySetId?i.EntityBaseFormType.Edit:i.EntityBaseFormType.Create),l=e.reactive({fields:{name:"",tags:""},isReadonly:!1,errorMessage:""}),V=e.reactive({name:"",tags:""}),O=e.computed(()=>JSON.stringify(l.fields)!==JSON.stringify(V)&&!!l.fields.name),D=f=>{var c;l.fields.name=(f==null?void 0:f.name)||"",l.fields.tags=((c=f==null?void 0:f.tags)==null?void 0:c.join(", "))||"",Object.assign(V,l.fields)},b=()=>{a.push(o.config.cancelRoute)},E=e.computed(()=>{var c,s;let f=`${o.config.apiBaseUrl}${$.form[o.config.app][_.value]}`;return o.config.app==="konnect"&&(f=f.replace(/{controlPlaneId}/gi,((c=o.config)==null?void 0:c.controlPlaneId)||"")),f.replace(/\/{workspace}/gi,(s=o.config)!=null&&s.workspace?`/${o.config.workspace}`:"").replace(/{id}/gi,o.keySetId??"")}),N=e.computed(()=>{var f,c,s;return{name:l.fields.name,tags:((s=(c=(f=l.fields.tags)==null?void 0:f.split(","))==null?void 0:c.map(p=>String(p||"").trim()))==null?void 0:s.filter(p=>p!==""))||""}}),j=async()=>{var f,c;try{l.isReadonly=!0;let s;if(_.value==="create"?s=await k.post(E.value,N.value):_.value==="edit"&&(s=((f=o.config)==null?void 0:f.app)==="konnect"?await k.put(E.value,N.value):await k.patch(E.value,N.value)),s){const{data:p}=s;l.fields.name=(p==null?void 0:p.name)||"",l.fields.tags=((c=p==null?void 0:p.tags)==null?void 0:c.join(", "))||"",Object.assign(V,l.fields),u("update",s==null?void 0:s.data)}}catch(s){l.errorMessage=h(s),u("error",s)}finally{l.isReadonly=!1}};return(f,c)=>{const s=e.resolveComponent("KInput");return e.openBlock(),e.createElementBlock("div",te,[e.createVNode(e.unref(i.EntityBaseForm),{"can-submit":O.value,config:t.config,"edit-id":t.keySetId,"entity-type":e.unref(i.SupportedEntityType).KeySet,"error-message":l.errorMessage,"fetch-url":P.value,"form-fields":N.value,"is-readonly":l.isReadonly,onCancel:b,"onFetch:error":c[2]||(c[2]=p=>f.$emit("error",p)),"onFetch:success":D,onLoading:c[3]||(c[3]=p=>f.$emit("loading",p)),onSubmit:j},{default:e.withCtx(()=>[e.createVNode(e.unref(i.EntityFormSection),{description:e.unref(m)("keySets.form.sections.general.description"),"has-divider":"",title:e.unref(m)("keySets.form.sections.general.title")},{default:e.withCtx(()=>[e.createVNode(s,{modelValue:l.fields.name,"onUpdate:modelValue":c[0]||(c[0]=p=>l.fields.name=p),modelModifiers:{trim:!0},autocomplete:"off","data-testid":"key-set-form-name",label:e.unref(m)("keySets.form.fields.name.label"),placeholder:e.unref(m)("keySets.form.fields.name.placeholder"),readonly:l.isReadonly,type:"text"},null,8,["modelValue","label","placeholder","readonly"]),e.createVNode(s,{modelValue:l.fields.tags,"onUpdate:modelValue":c[1]||(c[1]=p=>l.fields.tags=p),modelModifiers:{trim:!0},autocomplete:"off","data-testid":"key-set-form-tags",help:e.unref(m)("keySets.form.fields.tags.help"),label:e.unref(m)("keySets.form.fields.tags.label"),"label-attributes":{info:e.unref(m)("keySets.form.fields.tags.tooltip"),tooltipAttributes:{maxWidth:"400"}},placeholder:e.unref(m)("keySets.form.fields.tags.placeholder"),readonly:l.isReadonly,type:"text"},null,8,["modelValue","help","label","label-attributes","placeholder","readonly"])]),_:1},8,["description","title"])]),_:1},8,["can-submit","config","edit-id","entity-type","error-message","fetch-url","form-fields","is-readonly"])])}}}),[["__scopeId","data-v-e66ae12a"]]),ne={class:"kong-ui-entities-keys-entity-config-card"},ae=e.defineComponent({__name:"KeySetConfigCard",props:{config:{type:Object,required:!0,validator:t=>!(!t||!["konnect","kongManager"].includes(t==null?void 0:t.app)||t.app==="konnect"&&!t.controlPlaneId||t.app==="kongManager"&&typeof t.workspace!="string"||!t.entityId)},configCardDoc:{type:String,default:"",required:!1},hideTitle:{type:Boolean,default:!1}},emits:["loading","fetch:error","fetch:success"],setup(t){const S=t,{i18n:{t:u}}=M.useI18n(),o=e.computed(()=>$.form[S.config.app].edit),a=e.ref({id:{},name:{},last_updated:{},created:{},tags:{tooltip:u("keySets.form.fields.tags.tooltip")}});return(m,h)=>(e.openBlock(),e.createElementBlock("div",ne,[e.createVNode(e.unref(i.EntityBaseConfigCard),{config:t.config,"config-card-doc":t.configCardDoc,"config-schema":a.value,"entity-type":e.unref(i.SupportedEntityType).KeySet,"fetch-url":o.value,"hide-title":t.hideTitle,"onFetch:error":h[0]||(h[0]=k=>m.$emit("fetch:error",k)),"onFetch:success":h[1]||(h[1]=k=>m.$emit("fetch:success",k)),onLoading:h[2]||(h[2]=k=>m.$emit("loading",k))},null,8,["config","config-card-doc","config-schema","entity-type","fetch-url","hide-title"])]))}});g.KeySetConfigCard=ae,g.KeySetForm=oe,g.KeySetList=ee,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})});
+(function(p,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@kong/icons"),require("vue-router"),require("@kong-ui-public/i18n"),require("@kong-ui-public/entities-shared")):typeof define=="function"&&define.amd?define(["exports","vue","@kong/icons","vue-router","@kong-ui-public/i18n","@kong-ui-public/entities-shared"],e):(p=typeof globalThis<"u"?globalThis:p||self,e(p["kong-ui-public-entities-key-sets"]={},p.Vue,p.KongIcons,p.VueRouter,p["kong-ui-public-i18n"],p["kong-ui-public-entities-shared"]))})(this,(function(p,e,V,A,U,s){"use strict";const G={keySets:{title:"Key sets",list:{toolbar_actions:{new_key_set:"New key set"},table_headers:{name:"Name",id:"ID",tags:"Tags"},empty_state:{title:"Configure a new key set",description:"A key set object holds a collection of asymmetric key objects. This entity allows to logically group keys by their purpose."},empty_state_v2:{title:"Configure your first key set",group:"Key sets created in gateways within this group will automatically appear here.",description:"Key sets centrally manage asymmetric keys for plugins like OpenID Connect and JWT, simplifying configuration and security across services.",create_cta:"New key set",learn_more:"Learn more"}},actions:{create:"New key set",copy_id:"Copy ID",copy_json:"Copy JSON",edit:"Edit",delete:"Delete",clear:"Clear",view:"View details"},search:{placeholder:"Filter by exact name or ID"},delete:{title:"Delete a key set",description:"Deleting this key set will also delete keys associated. This action cannot be reversed so make sure to check the key set usage before deleting."},errors:{general:"Key sets could not be retrieved",delete:"The key set could not be deleted at this time.",copy:"Failed to copy to clipboard"},copy:{success:"Copied {val} to clipboard",success_brief:"Successfully copied to clipboard"},form:{sections:{general:{title:"General information",description:"General information will help identify and manage this key set."}},fields:{name:{label:"Name",placeholder:"Enter a unique name for this key set"},tags:{label:"Tags",placeholder:"Enter a list of tags separated by comma",help:"e.g. tag1, tag2, tag3",tooltip:"An optional set of strings for grouping and filtering, separated by commas."}}}}};function H(){const t=U.createI18n("en-us",G);return{i18n:t,i18nT:U.i18nTComponent(t)}}const K={useI18n:H},F="/v2/control-planes/{controlPlaneId}/core-entities/{workspace}",M="/{workspace}",_={list:{konnect:`${F}/key-sets`,kongManager:`${M}/key-sets`},form:{konnect:{create:`${F}/key-sets`,edit:`${F}/key-sets/{id}`},kongManager:{create:`${M}/key-sets`,edit:`${M}/key-sets/{id}`}}},z={class:"kong-ui-entities-key-sets-list"},Q={class:"button-row"},X=e.defineComponent({__name:"KeySetList",props:{config:{type:Object,required:!0,validator:t=>!(!t||!["konnect","kongManager"].includes(t?.app)||!t.createRoute||!t.getViewRoute||!t.getEditRoute||t.app==="kongManager"&&!t.isExactMatch&&!t.filterSchema)},cacheIdentifier:{type:String,default:""},canCreate:{type:Function,required:!1,default:async()=>!0},canDelete:{type:Function,required:!1,default:async()=>!0},canEdit:{type:Function,required:!1,default:async()=>!0},canRetrieve:{type:Function,required:!1,default:async()=>!0},useActionOutside:{type:Boolean,default:!1}},emits:["error","click:learn-more","copy:success","copy:error","delete:success"],setup(t,{emit:b}){const d=b,o=t,{i18n:{t:a}}=K.useI18n(),f=A.useRouter(),{axiosInstance:g}=s.useAxios(o.config?.axiosRequestConfig),{hasRecords:m,handleStateChange:R}=s.useTableState(()=>k.value),N=e.computed(()=>m.value&&o.config.app==="konnect"),i=e.computed(()=>o.config.app!=="kongManager"||!!o.config.disableSorting),S={name:{label:a("keySets.list.table_headers.name"),searchable:!0,sortable:!0,hidable:!1},tags:{label:a("keySets.list.table_headers.tags")},id:{label:a("keySets.list.table_headers.id"),sortable:!0}},q=S,E=e.computed(()=>{let n=`${o.config.apiBaseUrl}${_.list[o.config.app]}`;return o.config.app==="konnect"&&(n=n.replace(/{controlPlaneId}/gi,o.config?.controlPlaneId||"")),n.replace(/\/{workspace}/gi,o.config?.workspace?`/${o.config.workspace}`:"")}),k=e.ref(""),x=e.computed(()=>{const n=o.config.app==="konnect"||o.config.isExactMatch;if(n)return{isExactMatch:n,placeholder:a("keySets.search.placeholder")};const l={name:S.name};return{isExactMatch:n,fields:l,schema:o.config.filterSchema}}),{fetcher:w,fetcherState:P,fetcherCacheKey:r}=s.useFetcher(e.computed(()=>({...o.config,cacheIdentifier:o.cacheIdentifier})),E),y=()=>{k.value=""},T=()=>{r.value++},u=e.ref(null),oe=async(n,l)=>{const h=n.id;if(!await l(h)){re(n,"id");return}ae(n,"id")},ne=async(n,l)=>{const h=JSON.stringify(n);if(!await l(h)){d("copy:error",{entity:n,message:a("keySets.errors.copy")});return}d("copy:success",{entity:n,message:a("keySets.copy.success_brief")})},ae=(n,l)=>{d("copy:success",{entity:n,field:l,message:a("keySets.copy.success",{val:n[l]})})},re=(n,l)=>{d("copy:error",{entity:n,field:l,message:a("keySets.errors.copy")})},se=async n=>{await o.canRetrieve?.(n)&&f.push(o.config.getViewRoute(n.id))},ie=n=>({label:a("keySets.actions.view"),to:o.config.getViewRoute(n)}),le=n=>({label:a("keySets.actions.edit"),to:o.config.getEditRoute(n)}),C=e.ref(void 0),B=e.ref(!1),$=e.ref(!1),J=e.ref(""),ce=s.useDeleteUrlBuilder(o.config,E.value),de=n=>{C.value=n,B.value=!0},fe=()=>{B.value=!1},pe=async()=>{if(C.value?.id){$.value=!0;try{await g.delete(ce(C.value.id)),$.value=!1,B.value=!1,r.value++,d("delete:success",C.value)}catch(n){J.value=n.response?.data?.message||n.message||a("keySets.errors.delete"),d("error",n)}finally{$.value=!1}}},ye=()=>{f.push(o.config.createRoute)};e.watch(P,n=>{if(n.status===s.FetcherStatus.Error){u.value={title:a("keySets.errors.general")},n.error?.response?.data?.message&&(u.value.message=n.error.response.data.message),d("error",n.error);return}u.value=null});const O=e.ref({ctaPath:o.config.createRoute,ctaText:void 0,message:`${a("keySets.list.empty_state.description")}${o.config.additionMessageForEmptyState?` ${o.config.additionMessageForEmptyState}`:""}`,title:a("keySets.title")}),j=e.ref(!1);return e.onBeforeMount(async()=>{j.value=await o.canCreate(),j.value&&(O.value.title=a("keySets.list.empty_state.title"),O.value.ctaText=a("keySets.actions.create"))}),(n,l)=>{const h=e.resolveComponent("KButton"),ue=e.resolveComponent("KEmptyState"),me=e.resolveComponent("KCopy"),I=e.resolveComponent("KDropdownItem"),W=e.resolveComponent("KClipboardProvider");return e.openBlock(),e.createElementBlock("div",z,[e.createVNode(e.unref(s.EntityBaseTable),{"cache-identifier":t.cacheIdentifier,"disable-sorting":i.value,"empty-state-options":O.value,"enable-entity-actions":"","error-message":u.value,fetcher:e.unref(w),"fetcher-cache-key":e.unref(r),"pagination-type":"offset","preferences-storage-key":"kong-ui-entities-key-sets-list",query:k.value,"table-headers":e.unref(q),onClearSearchInput:y,"onClick:row":l[3]||(l[3]=c=>se(c)),onSort:T,onState:e.unref(R)},e.createSlots({"toolbar-filter":e.withCtx(()=>[e.createVNode(e.unref(s.EntityFilter),{modelValue:k.value,"onUpdate:modelValue":l[0]||(l[0]=c=>k.value=c),config:x.value},null,8,["modelValue","config"])]),"toolbar-button":e.withCtx(()=>[(e.openBlock(),e.createBlock(e.Teleport,{disabled:!t.useActionOutside,to:"#kong-ui-app-page-header-action-button"},[e.createElementVNode("div",Q,[N.value?(e.openBlock(),e.createBlock(h,{key:0,appearance:"secondary",class:"open-learning-hub","data-testid":"keys-set-learn-more-button",icon:"",onClick:l[1]||(l[1]=c=>n.$emit("click:learn-more"))},{default:e.withCtx(()=>[e.createVNode(e.unref(V.BookIcon),{decorative:""})]),_:1})):e.createCommentVNode("",!0),e.createVNode(e.unref(s.PermissionsWrapper),{"auth-function":()=>t.canCreate()},{default:e.withCtx(()=>[e.createVNode(h,{appearance:"primary","data-testid":"toolbar-add-key-set",size:t.useActionOutside?"medium":"large",to:t.config.createRoute},{default:e.withCtx(()=>[e.createVNode(e.unref(V.AddIcon)),e.createTextVNode(" "+e.toDisplayString(e.unref(a)("keySets.list.toolbar_actions.new_key_set")),1)]),_:1},8,["size","to"])]),_:1},8,["auth-function"])])],8,["disabled"]))]),name:e.withCtx(({rowValue:c})=>[e.createElementVNode("b",null,e.toDisplayString(c??"-"),1)]),tags:e.withCtx(({rowValue:c})=>[e.createVNode(e.unref(s.TableTags),{tags:c},null,8,["tags"])]),id:e.withCtx(({rowValue:c})=>[e.createVNode(me,{text:c,truncate:""},null,8,["text"])]),actions:e.withCtx(({row:c})=>[e.createVNode(W,null,{default:e.withCtx(({copyToClipboard:D})=>[e.createVNode(I,{"data-testid":"action-entity-copy-id",onClick:ge=>oe(c,D)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)("keySets.actions.copy_id")),1)]),_:1},8,["onClick"])]),_:2},1024),e.createVNode(W,null,{default:e.withCtx(({copyToClipboard:D})=>[e.createVNode(I,{"data-testid":"action-entity-copy-json",onClick:ge=>ne(c,D)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)("keySets.actions.copy_json")),1)]),_:1},8,["onClick"])]),_:2},1024),e.createVNode(e.unref(s.PermissionsWrapper),{"auth-function":()=>t.canRetrieve(c)},{default:e.withCtx(()=>[e.createVNode(I,{"data-testid":"action-entity-view","has-divider":"",item:ie(c.id)},null,8,["item"])]),_:2},1032,["auth-function"]),e.createVNode(e.unref(s.PermissionsWrapper),{"auth-function":()=>t.canEdit(c)},{default:e.withCtx(()=>[e.createVNode(I,{"data-testid":"action-entity-edit",item:le(c.id)},null,8,["item"])]),_:2},1032,["auth-function"]),e.createVNode(e.unref(s.PermissionsWrapper),{"auth-function":()=>t.canDelete(c)},{default:e.withCtx(()=>[e.createVNode(I,{danger:"","data-testid":"action-entity-delete","has-divider":"",onClick:D=>de(c)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)("keySets.actions.delete")),1)]),_:1},8,["onClick"])]),_:2},1032,["auth-function"])]),_:2},[!k.value&&t.config.app==="konnect"?{name:"empty-state",fn:e.withCtx(()=>[e.createVNode(ue,{"data-testid":"key-sets-entity-empty-state","icon-background":"",message:e.unref(a)("keySets.list.empty_state_v2.description"),title:e.unref(a)("keySets.list.empty_state_v2.title")},e.createSlots({icon:e.withCtx(()=>[e.createVNode(e.unref(V.KeyIcon),{decorative:""})]),action:e.withCtx(()=>[j.value?(e.openBlock(),e.createBlock(h,{key:0,"data-testid":"entity-create-button",onClick:ye},{default:e.withCtx(()=>[e.createVNode(e.unref(V.AddIcon),{decorative:""}),e.createTextVNode(" "+e.toDisplayString(e.unref(a)("keySets.list.empty_state_v2.create_cta")),1)]),_:1})):e.createCommentVNode("",!0),e.createVNode(h,{appearance:"secondary","data-testid":"entity-learn-more-button",onClick:l[2]||(l[2]=c=>n.$emit("click:learn-more"))},{default:e.withCtx(()=>[e.createVNode(e.unref(V.BookIcon),{decorative:""}),e.createTextVNode(" "+e.toDisplayString(e.unref(a)("keySets.list.empty_state_v2.learn_more")),1)]),_:1})]),_:2},[t.config?.isControlPlaneGroup?{name:"default",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)("keySets.list.empty_state_v2.group")),1)]),key:"0"}:void 0]),1032,["message","title"])]),key:"0"}:void 0]),1032,["cache-identifier","disable-sorting","empty-state-options","error-message","fetcher","fetcher-cache-key","query","table-headers","onState"]),e.createVNode(e.unref(s.EntityDeleteModal),{"action-pending":$.value,description:e.unref(a)("keySets.delete.description"),"entity-name":C.value&&(C.value.name||C.value.id),"entity-type":e.unref(s.EntityTypes).KeySet,error:J.value,title:e.unref(a)("keySets.delete.title"),visible:B.value,onCancel:fe,onProceed:pe},null,8,["action-pending","description","entity-name","entity-type","error","title","visible"])])}}}),L=(t,b)=>{const d=t.__vccOpts||t;for(const[o,a]of b)d[o]=a;return d},Y=L(X,[["__scopeId","data-v-b73f146e"]]),Z={class:"kong-ui-entities-key-sets-form"},v=L(e.defineComponent({__name:"KeySetForm",props:{config:{type:Object,required:!0,validator:t=>!(!t||!["konnect","kongManager"].includes(t?.app)||t.app==="konnect"&&!t.controlPlaneId||t.app==="kongManager"&&typeof t.workspace!="string"||!t.cancelRoute)},keySetId:{type:String,required:!1,default:null}},emits:["update","error","loading"],setup(t,{emit:b}){const d=b,o=t,a=A.useRouter(),{i18n:{t:f}}=K.useI18n(),{getMessageFromError:g}=s.useErrors(),{axiosInstance:m}=s.useAxios(o.config?.axiosRequestConfig),R=e.computed(()=>_.form[o.config.app].edit),N=e.computed(()=>o.keySetId?s.EntityBaseFormType.Edit:s.EntityBaseFormType.Create),i=e.reactive({fields:{name:"",tags:""},isReadonly:!1,errorMessage:""}),S=e.reactive({name:"",tags:""}),q=e.computed(()=>JSON.stringify(i.fields)!==JSON.stringify(S)&&!!i.fields.name),E=r=>{i.fields.name=r?.name||"",i.fields.tags=r?.tags?.join(", ")||"",Object.assign(S,i.fields)},k=()=>{a.push(o.config.cancelRoute)},x=e.computed(()=>{let r=`${o.config.apiBaseUrl}${_.form[o.config.app][N.value]}`;return o.config.app==="konnect"&&(r=r.replace(/{controlPlaneId}/gi,o.config?.controlPlaneId||"")),r.replace(/\/{workspace}/gi,o.config?.workspace?`/${o.config.workspace}`:"").replace(/{id}/gi,o.keySetId??"")}),w=e.computed(()=>({name:i.fields.name,tags:i.fields.tags?.split(",")?.map(r=>String(r||"").trim())?.filter(r=>r!=="")||""})),P=async()=>{try{i.isReadonly=!0;let r;if(N.value==="create"?r=await m.post(x.value,w.value):N.value==="edit"&&(r=o.config?.app==="konnect"?await m.put(x.value,w.value):await m.patch(x.value,w.value)),r){const{data:y}=r;i.fields.name=y?.name||"",i.fields.tags=y?.tags?.join(", ")||"",Object.assign(S,i.fields),d("update",r?.data)}}catch(r){i.errorMessage=g(r),d("error",r)}finally{i.isReadonly=!1}};return(r,y)=>{const T=e.resolveComponent("KInput");return e.openBlock(),e.createElementBlock("div",Z,[e.createVNode(e.unref(s.EntityBaseForm),{"can-submit":q.value,config:t.config,"edit-id":t.keySetId,"entity-type":e.unref(s.SupportedEntityType).KeySet,"error-message":i.errorMessage,"fetch-url":R.value,"form-fields":w.value,"is-readonly":i.isReadonly,onCancel:k,"onFetch:error":y[2]||(y[2]=u=>r.$emit("error",u)),"onFetch:success":E,onLoading:y[3]||(y[3]=u=>r.$emit("loading",u)),onSubmit:P},{default:e.withCtx(()=>[e.createVNode(e.unref(s.EntityFormSection),{description:e.unref(f)("keySets.form.sections.general.description"),"has-divider":"",title:e.unref(f)("keySets.form.sections.general.title")},{default:e.withCtx(()=>[e.createVNode(T,{modelValue:i.fields.name,"onUpdate:modelValue":y[0]||(y[0]=u=>i.fields.name=u),modelModifiers:{trim:!0},autocomplete:"off","data-testid":"key-set-form-name",label:e.unref(f)("keySets.form.fields.name.label"),placeholder:e.unref(f)("keySets.form.fields.name.placeholder"),readonly:i.isReadonly,type:"text"},null,8,["modelValue","label","placeholder","readonly"]),e.createVNode(T,{modelValue:i.fields.tags,"onUpdate:modelValue":y[1]||(y[1]=u=>i.fields.tags=u),modelModifiers:{trim:!0},autocomplete:"off","data-testid":"key-set-form-tags",help:e.unref(f)("keySets.form.fields.tags.help"),label:e.unref(f)("keySets.form.fields.tags.label"),"label-attributes":{info:e.unref(f)("keySets.form.fields.tags.tooltip"),tooltipAttributes:{maxWidth:"400"}},placeholder:e.unref(f)("keySets.form.fields.tags.placeholder"),readonly:i.isReadonly,type:"text"},null,8,["modelValue","help","label","label-attributes","placeholder","readonly"])]),_:1},8,["description","title"])]),_:1},8,["can-submit","config","edit-id","entity-type","error-message","fetch-url","form-fields","is-readonly"])])}}}),[["__scopeId","data-v-e66ae12a"]]),ee={class:"kong-ui-entities-keys-entity-config-card"},te=e.defineComponent({__name:"KeySetConfigCard",props:{config:{type:Object,required:!0,validator:t=>!(!t||!["konnect","kongManager"].includes(t?.app)||t.app==="konnect"&&!t.controlPlaneId||t.app==="kongManager"&&typeof t.workspace!="string"||!t.entityId)},configCardDoc:{type:String,default:"",required:!1},hideTitle:{type:Boolean,default:!1}},emits:["loading","fetch:error","fetch:success"],setup(t){const b=t,{i18n:{t:d}}=K.useI18n(),o=e.computed(()=>_.form[b.config.app].edit),a=e.ref({id:{},name:{},last_updated:{},created:{},tags:{tooltip:d("keySets.form.fields.tags.tooltip")}});return(f,g)=>(e.openBlock(),e.createElementBlock("div",ee,[e.createVNode(e.unref(s.EntityBaseConfigCard),{config:t.config,"config-card-doc":t.configCardDoc,"config-schema":a.value,"entity-type":e.unref(s.SupportedEntityType).KeySet,"fetch-url":o.value,"hide-title":t.hideTitle,"onFetch:error":g[0]||(g[0]=m=>f.$emit("fetch:error",m)),"onFetch:success":g[1]||(g[1]=m=>f.$emit("fetch:success",m)),onLoading:g[2]||(g[2]=m=>f.$emit("loading",m))},null,8,["config","config-card-doc","config-schema","entity-type","fetch-url","hide-title"])]))}});p.KeySetConfigCard=te,p.KeySetForm=v,p.KeySetList=Y,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})}));

package/dist/style.css

@@ -1 +1 @@
-.config-card-fieldset[data-v-5baf64ca]{border:solid 1px #e0e4ea;border:solid var(--kui-border-width-10, 1px) var(--kui-color-border, #e0e4ea);border-radius:4px;margin-bottom:8px;margin-bottom:var(--kui-space-40, 8px);margin-top:4px}.config-card-fieldset-title[data-v-5baf64ca]{font-size:14px;font-size:var(--kui-font-size-30, 14px);padding:0 8px;padding:0 var(--kui-space-40, 8px);width:auto}fieldset.config-card-fieldset .config-card-details-row{width:unset}.config-card-json-item .config-card-details-row,fieldset.config-card-fieldset .config-card-details-row{margin:0 16px;margin:var(--kui-space-0, 0px) var(--kui-space-60, 16px)}.config-card-json-item .config-card-details-row:last-of-type,fieldset.config-card-fieldset .config-card-details-row:last-of-type{border-bottom:none}[data-v-2feb8c2e] .k-button.navigation-button{font-size:14px;font-weight:400}.config-card-details-row[data-v-b63235ac]{align-items:center;border-bottom:var(--v59b22fe4);box-sizing:border-box;display:var(--v5ca198ae);padding:16px;padding:var(--kui-space-60, 16px);padding-left:0;width:100%}.config-card-details-row .config-card-details-label[data-v-b63235ac]{box-sizing:border-box;padding-right:16px;padding-right:var(--kui-space-60, 16px);width:var(--v670c3372)}.config-card-details-row .config-card-details-label label[data-v-b63235ac]{color:#3a3f51;color:var(--kui-color-text-neutral-stronger, #3a3f51);display:inline-flex;max-width:100%}.config-card-details-row .config-card-details-label label .label-content[data-v-b63235ac]{line-height:initial;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-card-details-row .config-card-details-label label .k-popover[data-v-b63235ac]{min-width:0}.config-card-details-row .config-card-details-value[data-v-b63235ac]{box-sizing:border-box;width:var(--v670e794d)}.config-card-details-row .config-card-details-value .truncated[data-v-b63235ac]{display:inline-block;line-height:initial;max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-card-details-row .config-card-details-value span.attrs-data-text[data-v-b63235ac]{overflow-wrap:anywhere}.config-card-details-row .config-card-details-value .copy-uuid-array[data-v-b63235ac] .k-copy:not(:last-of-type){margin-bottom:8px;margin-bottom:var(--kui-space-40, 8px)}.config-card-details-row .config-card-details-value .method-badge-array[data-v-b63235ac]{display:flex;flex-wrap:wrap;row-gap:10px}.config-card-details-row .config-badge[data-v-b63235ac]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.config-card-details-row[data-v-b63235ac] .k-label{margin-bottom:0}.config-card-details-row[data-v-b63235ac] .k-label .kong-icon-infoFilled{display:flex}.config-card-details-row[data-v-b63235ac] .config-card-details-row{width:auto}.json-content.k-code-block{border-top-left-radius:0;border-top-left-radius:var(--kui-border-radius-0, 0px);border-top-right-radius:0;border-top-right-radius:var(--kui-border-radius-0, 0px)}.json-endpoint{align-items:baseline;background-color:#000933;background-color:var(--kui-color-background-inverse, #000933);border-bottom:1px solid rgba(255,255,255,.2);border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border-inverse, rgba(255, 255, 255, .2));border-top-left-radius:8px;border-top-left-radius:var(--kui-border-radius-40, 8px);border-top-right-radius:8px;border-top-right-radius:var(--kui-border-radius-40, 8px);display:flex;padding:8px 0 8px 12px;padding:var(--kui-space-40, 8px) var(--kui-space-0, 0px) var(--kui-space-40, 8px) var(--kui-space-50, 12px)}.json-endpoint .k-code-block{flex:auto;z-index:2}.json-endpoint .k-code-block .code-block-content{padding-bottom:0;padding-bottom:var(--kui-space-0, 0px);padding-top:0;padding-top:var(--kui-space-0, 0px)}.json-endpoint .k-code-block .code-block-secondary-actions{margin-top:0!important}.json-endpoint code{direction:rtl;max-width:var(--c7479fcc);overflow:hidden!important;text-align:left;text-overflow:ellipsis;white-space:nowrap}.deck-callout[data-v-0bf1334c]{margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px)}.deck-callout .cta[data-v-0bf1334c]{background:none;border:none;color:inherit;cursor:pointer;font:inherit;font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);padding:0;text-decoration:underline}.generate-pat-modal[data-v-be3cd315] .modal-content{display:flex;flex-direction:column;gap:20px;gap:var(--kui-space-70, 20px)}.deck-config .k-select[data-v-991fe861]{margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px)}.deck-config .k-code-block[data-v-991fe861]{margin-top:12px;margin-top:var(--kui-space-50, 12px)}.deck-config .k-code-block.customization[data-v-991fe861]{background-color:#fff;background-color:var(--kui-color-background, #ffffff);border:1px solid #e0e4ea;border:1px solid var(--kui-color-border, #e0e4ea);border-radius:8px;border-radius:var(--kui-border-radius-40, 8px)}.deck-config .step-title[data-v-991fe861]{align-items:center;align-self:stretch;font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);gap:16px}.deck-config .step-title[data-v-991fe861]:not(:first-child){margin-top:16px;margin-top:var(--kui-space-60, 16px)}.deck-config .konnect-pat-actions[data-v-991fe861]{align-items:center;display:flex;flex-direction:row;gap:8px;gap:var(--kui-space-40, 8px);margin-top:8px;margin-top:var(--kui-space-40, 8px)}.deck-config .copy-konnect-pat-alert[data-v-991fe861]{margin-top:8px;margin-top:var(--kui-space-40, 8px)}.deck-config .customization-secret-advise[data-v-991fe861]{font-size:14px;font-size:var(--kui-font-size-30, 14px);opacity:.7}.deck-config .customization-footer-reminder[data-v-991fe861]{margin-top:16px;margin-top:var(--kui-space-60, 16px)}.config-card-prop-section-title[data-v-83075649]{color:#000933;color:var(--kui-color-text, #000933);font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px);margin-top:48px;margin-top:var(--kui-space-110, 48px)}.kong-ui-entity-base-config-card .config-card-actions[data-v-fcf2efdc]{align-items:center;display:flex;gap:16px;gap:var(--kui-space-60, 16px)}.kong-ui-entity-base-config-card .config-card-actions .row[data-v-fcf2efdc]{align-items:center;display:flex}.kong-ui-entity-base-config-card .config-card-actions .config-format-select-label[data-v-fcf2efdc]{margin-bottom:0;margin-bottom:var(--kui-space-0, 0px);margin-right:8px;margin-right:var(--kui-space-40, 8px)}.kong-ui-entity-base-config-card .config-card-actions .sensitive-fields-checkbox[data-v-fcf2efdc]{align-items:center}.kong-ui-entity-base-config-card .config-card-actions .sensitive-fields-checkbox[data-v-fcf2efdc] .checkbox-label{width:max-content}.kong-ui-entity-base-config-card .config-card-prop-section-title[data-v-fcf2efdc]{color:#000933;color:var(--kui-color-text, #000933);font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:600;margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px);margin-top:48px;margin-top:var(--kui-space-110, 48px)}.kong-ui-entity-base-config-card[data-v-fcf2efdc] .config-card-details-row:last-of-type{border-bottom:none}.kong-ui-entity-base-config-card .book-icon[data-v-fcf2efdc]{margin-left:8px;margin-left:var(--kui-space-40, 8px);padding:0;padding:var(--kui-space-0, 0px)}.kong-ui-entity-base-form[data-v-b3590221]{box-sizing:border-box;max-width:1536px;max-width:var(--kui-breakpoint-desktop, 1536px);width:100%}.kong-ui-entity-base-form[data-v-b3590221] .k-slideout-title{color:#000933!important;color:var(--kui-color-text, #000933)!important;font-size:24px!important;font-size:var(--kui-font-size-70, 24px)!important;font-weight:700!important;font-weight:var(--kui-font-weight-bold, 700)!important;line-height:32px!important;line-height:var(--kui-line-height-60, 32px)!important;margin-bottom:16px!important;margin-bottom:var(--kui-space-60, 16px)!important}.kong-ui-entity-base-form[data-v-b3590221] .k-card.content-card{padding:0 16px!important;padding:var(--kui-space-0, 0px) var(--kui-space-60, 16px)!important}.kong-ui-entity-base-form[data-v-b3590221] .tab-item>div.tab-link.has-panels{color:#6c7489!important;color:var(--kui-color-text-neutral, #6c7489)!important;font-size:14px!important;font-size:var(--kui-font-size-30, 14px)!important;font-weight:700!important;font-weight:var(--kui-font-weight-bold, 700)!important;line-height:24px!important;line-height:var(--kui-line-height-40, 24px)!important}.kong-ui-entity-base-form[data-v-b3590221] .tab-item.active>div.tab-link.has-panels{color:#000933!important;color:var(--kui-color-text, #000933)!important;font-weight:600!important;font-weight:var(--kui-font-weight-semibold, 600)!important}.kong-ui-entity-base-form[data-v-b3590221] .slideout-content{overflow-y:unset!important}.kong-ui-entity-base-form.new-form-layout[data-v-b3590221]{background-color:transparent;background-color:var(--kui-color-background-transparent, transparent);border:none;padding:0}.kong-ui-entity-base-form.new-form-layout[data-v-b3590221]>.card-content>form>.form-actions{justify-content:flex-start;margin-top:20px;margin-top:var(--kui-space-70, 20px)}.kong-ui-entity-base-form.new-form-layout .form-error[data-v-b3590221]{margin:20px 0 0 16px;margin:var(--kui-space-70, 20px) 0 0 var(--kui-space-60, 16px)}.kong-ui-entity-base-form .button-customize-deck-wrapper[data-v-b3590221]{display:flex;flex-direction:row;justify-content:flex-end;margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px)}.form-actions[data-v-b3590221]{align-items:center;display:flex;justify-content:flex-end;margin-top:24px;margin-top:var(--kui-space-80, 24px)}.form-actions[data-v-b3590221] .k-button:last-of-type,.form-actions[data-v-b3590221] .k-button:nth-last-of-type(2){margin-inline-start:16px;margin-inline-start:var(--kui-space-60, 16px)}.form-actions-reverted[data-v-b3590221]{direction:rtl}.content-wrapper[data-v-a3a65cac] .k-tooltip{word-break:break-all}.kong-ui-entity-base-table .toolbar-container[data-v-09e101d4]{align-items:center;display:flex;width:100%}.kong-ui-entity-base-table .toolbar-button-container[data-v-09e101d4]{margin-left:auto}.kong-ui-entity-base-table .hidden[data-v-09e101d4]{display:none}.kong-ui-entity-delete-modal .message[data-v-fc366e0c],.kong-ui-entity-delete-modal .description[data-v-fc366e0c]{line-height:20px;line-height:var(--kui-line-height-30, 20px);margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-entity-delete-modal .message strong[data-v-fc366e0c]{font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.kong-ui-entity-delete-modal .description[data-v-fc366e0c]{margin-top:32px;margin-top:var(--kui-space-90, 32px)}.kong-ui-entity-delete-modal .body-stacked-copy .description[data-v-fc366e0c]{margin-top:0;margin-top:var(--kui-space-0, 0px)}.kong-ui-entity-delete-modal .body-stacked-copy .description>p[data-v-fc366e0c]{margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-entity-delete-modal .body-stacked-copy .message[data-v-fc366e0c]{margin-bottom:0;margin-bottom:var(--kui-space-0, 0px)}.kong-ui-entity-delete-modal[data-v-fc366e0c] .prompt-confirmation-text{line-height:20px;line-height:var(--kui-line-height-30, 20px);margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-entity-delete-modal-stacked-copy[data-v-fc366e0c] .prompt-content+.prompt-confirmation-container{margin-top:32px;margin-top:var(--kui-space-90, 32px)}.kong-ui-entity-delete-error[data-v-fc366e0c]{margin-bottom:12px;margin-bottom:var(--kui-space-50, 12px)}.kong-ui-entity-filter-input[data-v-10015be6]{width:100%}.kong-ui-entity-filter-clear[data-v-10015be6]{cursor:pointer}.kong-ui-entity-filter[data-v-10015be6]{display:flex;position:relative}.kong-ui-entity-filter[data-v-10015be6] .menu-content{flex-direction:column}.kong-ui-entity-filter[data-v-10015be6] .k-menu-item-divider hr{margin:12px 0}.kong-ui-entity-filter-backdrop[data-v-10015be6]{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1050}.kong-ui-entity-filter-menu[data-v-10015be6]{background-color:#fff;background-color:var(--kui-color-background, #ffffff);border:1px solid #afb7c5;border:var(--kui-border-width-10, 1px) solid var(--kui-color-border-neutral-weak, #afb7c5);border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);box-shadow:0 4px 20px #e0e4ea;box-shadow:0 4px 20px var(--kui-color-border, #e0e4ea);left:0;margin-top:16px;padding:8px 0 12px;padding:var(--kui-space-40, 8px) 0 var(--kui-space-50, 12px);position:absolute;top:100%;width:300px;z-index:1060}.kong-ui-entity-filter-menu-item[data-v-10015be6]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400);line-height:16px;line-height:var(--kui-line-height-20, 16px);list-style:none;margin:0 20px;margin:var(--kui-space-0, 0px) var(--kui-space-70, 20px);padding:16px 0;padding:var(--kui-space-60, 16px) 0;position:relative;white-space:nowrap}.menu-item-title[data-v-10015be6]{align-items:center;cursor:pointer;display:flex;line-height:24px;line-height:var(--kui-line-height-40, 24px)}.menu-item-title.expanded[data-v-10015be6]{color:#232633;color:var(--kui-color-text-neutral-strongest, #232633)}.menu-item-expand-icon[data-v-10015be6]{margin-left:auto}.menu-item-expand-icon.expanded[data-v-10015be6]{transform:rotate(180deg)}.menu-item-indicator[data-v-10015be6]{background-color:#0044f4;background-color:var(--kui-color-background-primary, #0044f4);border-radius:50%;height:4px;margin-left:4px;width:4px}.menu-item-body[data-v-10015be6]{align-items:center;display:flex;justify-content:space-between;margin-top:16px;margin-top:var(--kui-space-60, 16px)}.menu-item-body[data-v-10015be6] .input{padding-bottom:4px!important;padding-top:4px!important}.menu-item-body[data-v-10015be6] .k-input{width:100%}.menu-item-body[data-v-10015be6] .k-select-input .input{font-size:12px}.menu-item-body[data-v-10015be6] .k-select-input .input::placeholder{color:#00000073!important;font-size:12px}.menu-item-label[data-v-10015be6]{margin-bottom:0;margin-right:12px}.menu-item-buttons[data-v-10015be6]{display:flex;justify-content:space-between;margin:10px 0 6px}.filter-clear-button-container[data-v-10015be6]{padding:12px 20px 0;padding:var(--kui-space-50, 12px) var(--kui-space-70, 20px) 0}fieldset[data-v-ccd29028]{margin:0;min-width:0;padding:0}.kong-ui-entity-form-section[data-v-ccd29028]{border:0}.kong-ui-entity-form-section .form-section-wrapper[data-v-ccd29028]{column-gap:16px;column-gap:var(--kui-space-60, 16px);display:flex;flex-direction:column;padding-bottom:64px;padding-bottom:var(--kui-space-130, 64px);row-gap:12px;row-gap:var(--kui-space-50, 12px);width:100%}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper[data-v-ccd29028]{flex-direction:row}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-ccd29028]{flex:1}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-ccd29028]{max-width:350px}.kong-ui-entity-form-section .form-section-wrapper .form-section-info.sticky[data-v-ccd29028]{height:fit-content;margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px);position:sticky;top:16px}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-title[data-v-ccd29028]{color:#000933;color:var(--kui-color-text, #000933);font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);line-height:20px;line-height:var(--kui-line-height-30, 20px);margin-bottom:8px;margin-bottom:var(--kui-space-40, 8px);margin-top:0;margin-top:var(--kui-space-0, 0px)}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-ccd29028],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description p[data-v-ccd29028],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-ccd29028] p{color:#000933;color:var(--kui-color-text, #000933);font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:400;line-height:20px;margin:0}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-footer[data-v-ccd29028]{margin-top:32px;margin-top:var(--kui-space-90, 32px)}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-ccd29028]{flex:1}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-ccd29028]>*:not(:first-child){margin-top:24px;margin-top:var(--kui-space-80, 24px)}.kong-ui-entity-form-section.has-divider .form-section-wrapper[data-v-ccd29028]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea)}.kong-ui-entity-form-block .header[data-v-7dd2f21d]{align-items:flex-start;display:flex;gap:8px;gap:var(--kui-space-40, 8px)}.kong-ui-entity-form-block .step[data-v-7dd2f21d]{align-items:center;background:#fff;background:var(--kui-color-background, #ffffff);border:1px solid #afb7c5;border:1px solid var(--kui-color-border-neutral-weak, #afb7c5);border-radius:100px;border-radius:var(--kui-border-radius-round, 100px);display:flex;flex:0 0 auto;height:32px;justify-content:center;padding:4px;padding:var(--kui-space-20, 4px);width:32px}.kong-ui-entity-form-block .header-content[data-v-7dd2f21d]{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;gap:8px;gap:var(--kui-space-40, 8px);padding-top:4px;padding-top:var(--kui-space-20, 4px)}.kong-ui-entity-form-block .header-title[data-v-7dd2f21d]{color:#000933;color:var(--kui-color-text, #000933);font-size:18px;font-size:var(--kui-font-size-50, 18px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);line-height:24px;line-height:var(--kui-line-height-40, 24px);margin:0}.kong-ui-entity-form-block .header-description[data-v-7dd2f21d]{color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e);font-size:14px;font-size:var(--kui-font-size-30, 14px);line-height:20px;line-height:var(--kui-line-height-30, 20px);margin:0}.kong-ui-entity-form-block .header-extra[data-v-7dd2f21d]{align-items:center;display:flex;flex:0 0 auto;gap:8px;gap:var(--kui-space-40, 8px);justify-content:flex-end}.kong-ui-entity-form-block .content[data-v-7dd2f21d]{background:#fff;background:var(--kui-color-background, #ffffff);border:1px solid #e0e4ea;border:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);border-radius:6px;border-radius:var(--kui-border-radius-30, 6px);display:flex;flex-direction:column;gap:20px;gap:var(--kui-space-70, 20px);margin-top:20px;margin-top:var(--kui-space-70, 20px);padding:20px 24px;padding:var(--kui-space-70, 20px) var(--kui-space-80, 24px)}.kong-ui-entity-form-block.stepped .content[data-v-7dd2f21d]{margin-left:16px;margin-left:var(--kui-space-60, 16px)}.kong-ui-public-entity-link[data-v-6668aea9]{align-items:center;display:flex}.kong-ui-public-entity-link .deleted-entity[data-v-6668aea9]{font-style:italic}.kong-ui-public-entity-link .entity-link[data-v-6668aea9]{display:flex;flex:1}.kong-ui-public-entity-link .entity-link[data-v-6668aea9] .external-link-icon{color:#0044f4;color:var(--kui-color-text-primary, #0044f4);margin-left:4px;margin-left:var(--kui-space-20, 4px);padding:2px;padding:var(--kui-space-10, 2px)}.kong-ui-public-entity-link .entity-link-label[data-v-6668aea9]{display:inline-block;font-weight:400;font-weight:var(--kui-font-weight-regular, 400);max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kong-ui-public-entity-link .copy-uuid-tooltip[data-v-6668aea9]{align-items:center;cursor:pointer;display:flex}.kong-ui-public-entity-link .copy-uuid-tooltip .entity-link-copy-id[data-v-6668aea9]{margin-left:2px;margin-left:var(--kui-space-10, 2px)}.kong-ui-public-entity-empty-state[data-v-0b2e9081]{align-items:center;background-color:#fff;background-color:var(--kui-color-background, #ffffff);box-sizing:border-box;display:flex;flex-direction:column;font-family:Inter,Roboto,Helvetica,sans-serif;font-family:var(--kui-font-family-text, "Inter", Roboto, Helvetica, sans-serif);gap:24px;gap:var(--kui-space-80, 24px);padding:64px 0;padding:var(--kui-space-130, 64px) var(--kui-space-0, 0px);width:100%}@media (min-width: 640px){.kong-ui-public-entity-empty-state[data-v-0b2e9081]{padding:64px 96px;padding:var(--kui-space-130, 64px) var(--kui-space-150, 96px)}}.kong-ui-public-entity-empty-state .empty-state-image[data-v-0b2e9081]{margin-bottom:8px;margin-bottom:var(--kui-space-40, 8px)}.kong-ui-public-entity-empty-state .entity-empty-state-content[data-v-0b2e9081]{align-items:center;display:flex;flex-direction:column;gap:8px;gap:var(--kui-space-40, 8px);text-align:center;width:100%}.kong-ui-public-entity-empty-state .entity-empty-state-content .entity-empty-state-title h1[data-v-0b2e9081]{align-items:center;color:#000933;color:var(--kui-color-text, #000933);display:flex;font-size:24px;font-size:var(--kui-font-size-70, 24px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);gap:8px;gap:var(--kui-space-40, 8px);line-height:32px;line-height:var(--kui-line-height-60, 32px);margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-public-entity-empty-state .entity-empty-state-content .entity-empty-state-title h1.secondary[data-v-0b2e9081]{font-size:18px;font-size:var(--kui-font-size-50, 18px)}.kong-ui-public-entity-empty-state .entity-empty-state-description[data-v-0b2e9081],.kong-ui-public-entity-empty-state .entity-empty-state-pricing[data-v-0b2e9081]{color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e);font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400);line-height:20px;line-height:var(--kui-line-height-30, 20px);max-width:640px}.kong-ui-public-entity-empty-state .entity-empty-state-description p[data-v-0b2e9081],.kong-ui-public-entity-empty-state .entity-empty-state-pricing p[data-v-0b2e9081]{margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-public-entity-empty-state .entity-empty-state-pricing[data-v-0b2e9081]{margin-top:16px;margin-top:var(--kui-space-60, 16px)}.kong-ui-public-entity-empty-state .entity-empty-state-message[data-v-0b2e9081]{color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e)}.kong-ui-public-entity-empty-state .entity-empty-state-action[data-v-0b2e9081]{align-items:center;display:flex;gap:12px;gap:var(--kui-space-50, 12px)}.kong-ui-public-entity-empty-state .entity-empty-state-card-container[data-v-0b2e9081]{display:flex;flex-wrap:wrap;gap:16px;gap:var(--kui-space-60, 16px);justify-content:space-around;margin-top:8px;margin-top:var(--kui-space-40, 8px);width:312px}@media (min-width: 640px){.kong-ui-public-entity-empty-state .entity-empty-state-card-container[data-v-0b2e9081]{width:calc(624px + kui-space-60);width:calc(2 * 312px + var(--kui-space-60, kui-space-60))}}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-0b2e9081]{background-color:#f9fafb;background-color:var(--kui-color-background-neutral-weakest, #f9fafb);border:1px solid #e0e4ea;border:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);border-radius:6px;border-radius:var(--kui-border-radius-30, 6px);color:#afb7c5;color:var(--kui-color-text-neutral-weak, #afb7c5);gap:8px;gap:var(--kui-space-40, 8px);height:160px;padding:20px;padding:var(--kui-space-70, 20px);width:312px}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card .feature-icon[data-v-0b2e9081]{color:#3a3f51;color:var(--kui-color-text-neutral-stronger, #3a3f51);display:flex;margin-bottom:12px;margin-bottom:var(--kui-space-50, 12px)}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card .feature-icon[data-v-0b2e9081] .kui-icon{height:20px!important;height:var(--kui-icon-size-40, 20px)!important;width:20px!important;width:var(--kui-icon-size-40, 20px)!important}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-0b2e9081] .card-title{font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-0b2e9081] .card-content{-webkit-box-orient:vertical;color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.kong-ui-public-entity-empty-state .entity-empty-state-bottom-container[data-v-0b2e9081]{border-top:1px solid #e0e4ea;border-top:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);display:flex;flex-direction:column;gap:16px;gap:var(--kui-space-60, 16px);padding-top:48px;padding-top:var(--kui-space-110, 48px);width:100%}@media (min-width: 640px){.kong-ui-public-entity-empty-state .entity-empty-state-bottom-container[data-v-0b2e9081]{width:calc(624px + kui-space-60);width:calc(2 * 312px + var(--kui-space-60, kui-space-60))}}.kong-ui-public-sensitive-input[data-v-ae0726c4]{display:flex;flex-direction:column;gap:8px;gap:var(--kui-space-40, 8px)}.kong-ui-public-sensitive-input[data-v-ae0726c4] .after-content-wrapper{align-items:center;gap:4px!important;gap:var(--kui-space-20, 4px)!important}.kong-ui-public-sensitive-input[data-v-ae0726c4] .input{padding-right:var(--v41f8c11f)!important}.kong-ui-public-sensitive-input .sensitive-input-action[data-v-ae0726c4]{color:#0044f4;color:var(--kui-color-text-primary, #0044f4);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);white-space:nowrap}.kong-ui-public-sensitive-input .sensitive-input-toggle[data-v-ae0726c4]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);cursor:pointer}.kong-ui-public-sensitive-input .sensitive-input-error-message[data-v-ae0726c4]{color:#d60027;color:var(--kui-color-text-danger, #d60027);font-size:12px;font-size:var(--kui-font-size-20, 12px);margin-top:-4px;margin-top:calc(-1 * var(--kui-space-20, 4px))}.kong-ui-public-sensitive-input .sensitive-input-textarea-actions[data-v-ae0726c4]{display:flex;justify-content:flex-end}.kong-ui-public-sensitive-input .sensitive-input-hint[data-v-ae0726c4]{align-items:center;background-color:#eefaff;background-color:var(--kui-color-background-info-weakest, #eefaff);border-radius:6px;border-radius:var(--kui-border-radius-30, 6px);color:#0044f4;color:var(--kui-color-text-info, #0044f4);display:flex;gap:8px;gap:var(--kui-space-40, 8px);padding:8px 12px;padding:var(--kui-space-40, 8px) var(--kui-space-50, 12px)}.kong-ui-public-sensitive-input .sensitive-input-hint .sensitive-input-hint-icon[data-v-ae0726c4]{flex-shrink:0}.kong-ui-public-sensitive-input .sensitive-input-hint .sensitive-input-hint-text[data-v-ae0726c4]{flex:1;font-size:14px;font-size:var(--kui-font-size-30, 14px)}.kong-ui-public-sensitive-input .sensitive-input-hint .sensitive-input-copy[data-v-ae0726c4]{display:inline-flex;font-size:12px;font-size:var(--kui-font-size-20, 12px);gap:4px;gap:var(--kui-space-20, 4px)}.deck-command-editor-wrapper[data-v-55ffc70c]{isolation:isolate;position:relative}.deck-command-editor-wrapper .deck-command-editor[data-v-55ffc70c]{height:300px;margin-top:12px;margin-top:var(--kui-space-50, 12px);width:100%}.deck-command-editor-wrapper .deck-command-copy-button[data-v-55ffc70c]{opacity:0;position:absolute;right:10px;top:10px;transition:opacity linear .2s;transition:opacity linear var(--kui-animation-duration-20, .2s);z-index:10000}.deck-command-editor-wrapper:hover .deck-command-copy-button[data-v-55ffc70c]{opacity:1}.editor-skeleton[data-v-ec59bbd1]{margin-top:4px;margin-top:var(--kui-space-20, 4px)}.button-row[data-v-b73f146e]{align-items:center;display:flex;gap:12px;gap:var(--kui-space-50, 12px)}.kong-ui-entities-key-sets-list[data-v-b73f146e]{width:100%}.kong-ui-entities-key-sets-list .kong-ui-entity-filter-input[data-v-b73f146e]{margin-right:12px;margin-right:var(--kui-space-50, 12px)}.kong-ui-entities-key-sets-form[data-v-e66ae12a]{width:100%}
+.deck-command-editor-wrapper[data-v-55ffc70c]{isolation:isolate;position:relative}.deck-command-editor-wrapper .deck-command-editor[data-v-55ffc70c]{height:300px;margin-top:12px;margin-top:var(--kui-space-50, 12px);width:100%}.deck-command-editor-wrapper .deck-command-copy-button[data-v-55ffc70c]{opacity:0;position:absolute;right:10px;top:10px;transition:opacity linear .2s;transition:opacity linear var(--kui-animation-duration-20, .2s);z-index:10000}.deck-command-editor-wrapper:hover .deck-command-copy-button[data-v-55ffc70c]{opacity:1}.editor-skeleton[data-v-ec59bbd1]{margin-top:4px;margin-top:var(--kui-space-20, 4px)}.config-card-fieldset[data-v-5baf64ca]{border:solid 1px #e0e4ea;border:solid var(--kui-border-width-10, 1px) var(--kui-color-border, #e0e4ea);border-radius:4px;margin-bottom:8px;margin-bottom:var(--kui-space-40, 8px);margin-top:4px}.config-card-fieldset-title[data-v-5baf64ca]{font-size:14px;font-size:var(--kui-font-size-30, 14px);padding:0 8px;padding:0 var(--kui-space-40, 8px);width:auto}fieldset.config-card-fieldset .config-card-details-row{width:unset}.config-card-json-item .config-card-details-row,fieldset.config-card-fieldset .config-card-details-row{margin:0 16px;margin:var(--kui-space-0, 0px) var(--kui-space-60, 16px)}.config-card-json-item .config-card-details-row:last-of-type,fieldset.config-card-fieldset .config-card-details-row:last-of-type{border-bottom:none}[data-v-2feb8c2e] .k-button.navigation-button{font-size:14px;font-weight:400}.config-card-details-row[data-v-b63235ac]{align-items:center;border-bottom:var(--v59b22fe4);box-sizing:border-box;display:var(--v5ca198ae);padding:16px;padding:var(--kui-space-60, 16px);padding-left:0;width:100%}.config-card-details-row .config-card-details-label[data-v-b63235ac]{box-sizing:border-box;padding-right:16px;padding-right:var(--kui-space-60, 16px);width:var(--v670c3372)}.config-card-details-row .config-card-details-label label[data-v-b63235ac]{color:#3a3f51;color:var(--kui-color-text-neutral-stronger, #3a3f51);display:inline-flex;max-width:100%}.config-card-details-row .config-card-details-label label .label-content[data-v-b63235ac]{line-height:initial;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-card-details-row .config-card-details-label label .k-popover[data-v-b63235ac]{min-width:0}.config-card-details-row .config-card-details-value[data-v-b63235ac]{box-sizing:border-box;width:var(--v670e794d)}.config-card-details-row .config-card-details-value .truncated[data-v-b63235ac]{display:inline-block;line-height:initial;max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-card-details-row .config-card-details-value span.attrs-data-text[data-v-b63235ac]{overflow-wrap:anywhere}.config-card-details-row .config-card-details-value .copy-uuid-array[data-v-b63235ac] .k-copy:not(:last-of-type){margin-bottom:8px;margin-bottom:var(--kui-space-40, 8px)}.config-card-details-row .config-card-details-value .method-badge-array[data-v-b63235ac]{display:flex;flex-wrap:wrap;row-gap:10px}.config-card-details-row .config-badge[data-v-b63235ac]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.config-card-details-row[data-v-b63235ac] .k-label{margin-bottom:0}.config-card-details-row[data-v-b63235ac] .k-label .kong-icon-infoFilled{display:flex}.config-card-details-row[data-v-b63235ac] .config-card-details-row{width:auto}.json-content.k-code-block{border-top-left-radius:0;border-top-left-radius:var(--kui-border-radius-0, 0px);border-top-right-radius:0;border-top-right-radius:var(--kui-border-radius-0, 0px)}.json-endpoint{align-items:baseline;background-color:#000933;background-color:var(--kui-color-background-inverse, #000933);border-bottom:1px solid rgba(255,255,255,.2);border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border-inverse, rgba(255, 255, 255, .2));border-top-left-radius:8px;border-top-left-radius:var(--kui-border-radius-40, 8px);border-top-right-radius:8px;border-top-right-radius:var(--kui-border-radius-40, 8px);display:flex;padding:8px 0 8px 12px;padding:var(--kui-space-40, 8px) var(--kui-space-0, 0px) var(--kui-space-40, 8px) var(--kui-space-50, 12px)}.json-endpoint .k-code-block{flex:auto;z-index:2}.json-endpoint .k-code-block .code-block-content{padding-bottom:0;padding-bottom:var(--kui-space-0, 0px);padding-top:0;padding-top:var(--kui-space-0, 0px)}.json-endpoint .k-code-block .code-block-secondary-actions{margin-top:0!important}.json-endpoint code{direction:rtl;max-width:var(--c7479fcc);overflow:hidden!important;text-align:left;text-overflow:ellipsis;white-space:nowrap}.deck-callout[data-v-0bf1334c]{margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px)}.deck-callout .cta[data-v-0bf1334c]{background:none;border:none;color:inherit;cursor:pointer;font:inherit;font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);padding:0;text-decoration:underline}.generate-pat-modal[data-v-be3cd315] .modal-content{display:flex;flex-direction:column;gap:20px;gap:var(--kui-space-70, 20px)}.deck-config .k-select[data-v-991fe861]{margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px)}.deck-config .k-code-block[data-v-991fe861]{margin-top:12px;margin-top:var(--kui-space-50, 12px)}.deck-config .k-code-block.customization[data-v-991fe861]{background-color:#fff;background-color:var(--kui-color-background, #ffffff);border:1px solid #e0e4ea;border:1px solid var(--kui-color-border, #e0e4ea);border-radius:8px;border-radius:var(--kui-border-radius-40, 8px)}.deck-config .step-title[data-v-991fe861]{align-items:center;align-self:stretch;font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);gap:16px}.deck-config .step-title[data-v-991fe861]:not(:first-child){margin-top:16px;margin-top:var(--kui-space-60, 16px)}.deck-config .konnect-pat-actions[data-v-991fe861]{align-items:center;display:flex;flex-direction:row;gap:8px;gap:var(--kui-space-40, 8px);margin-top:8px;margin-top:var(--kui-space-40, 8px)}.deck-config .copy-konnect-pat-alert[data-v-991fe861]{margin-top:8px;margin-top:var(--kui-space-40, 8px)}.deck-config .customization-secret-advise[data-v-991fe861]{font-size:14px;font-size:var(--kui-font-size-30, 14px);opacity:.7}.deck-config .customization-footer-reminder[data-v-991fe861]{margin-top:16px;margin-top:var(--kui-space-60, 16px)}.config-card-prop-section-title[data-v-83075649]{color:#000933;color:var(--kui-color-text, #000933);font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px);margin-top:48px;margin-top:var(--kui-space-110, 48px)}.kong-ui-entity-base-config-card .config-card-actions[data-v-fcf2efdc]{align-items:center;display:flex;gap:16px;gap:var(--kui-space-60, 16px)}.kong-ui-entity-base-config-card .config-card-actions .row[data-v-fcf2efdc]{align-items:center;display:flex}.kong-ui-entity-base-config-card .config-card-actions .config-format-select-label[data-v-fcf2efdc]{margin-bottom:0;margin-bottom:var(--kui-space-0, 0px);margin-right:8px;margin-right:var(--kui-space-40, 8px)}.kong-ui-entity-base-config-card .config-card-actions .sensitive-fields-checkbox[data-v-fcf2efdc]{align-items:center}.kong-ui-entity-base-config-card .config-card-actions .sensitive-fields-checkbox[data-v-fcf2efdc] .checkbox-label{width:max-content}.kong-ui-entity-base-config-card .config-card-prop-section-title[data-v-fcf2efdc]{color:#000933;color:var(--kui-color-text, #000933);font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:600;margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px);margin-top:48px;margin-top:var(--kui-space-110, 48px)}.kong-ui-entity-base-config-card[data-v-fcf2efdc] .config-card-details-row:last-of-type{border-bottom:none}.kong-ui-entity-base-config-card .book-icon[data-v-fcf2efdc]{margin-left:8px;margin-left:var(--kui-space-40, 8px);padding:0;padding:var(--kui-space-0, 0px)}.kong-ui-entity-base-form[data-v-b3590221]{box-sizing:border-box;max-width:1536px;max-width:var(--kui-breakpoint-desktop, 1536px);width:100%}.kong-ui-entity-base-form[data-v-b3590221] .k-slideout-title{color:#000933!important;color:var(--kui-color-text, #000933)!important;font-size:24px!important;font-size:var(--kui-font-size-70, 24px)!important;font-weight:700!important;font-weight:var(--kui-font-weight-bold, 700)!important;line-height:32px!important;line-height:var(--kui-line-height-60, 32px)!important;margin-bottom:16px!important;margin-bottom:var(--kui-space-60, 16px)!important}.kong-ui-entity-base-form[data-v-b3590221] .k-card.content-card{padding:0 16px!important;padding:var(--kui-space-0, 0px) var(--kui-space-60, 16px)!important}.kong-ui-entity-base-form[data-v-b3590221] .tab-item>div.tab-link.has-panels{color:#6c7489!important;color:var(--kui-color-text-neutral, #6c7489)!important;font-size:14px!important;font-size:var(--kui-font-size-30, 14px)!important;font-weight:700!important;font-weight:var(--kui-font-weight-bold, 700)!important;line-height:24px!important;line-height:var(--kui-line-height-40, 24px)!important}.kong-ui-entity-base-form[data-v-b3590221] .tab-item.active>div.tab-link.has-panels{color:#000933!important;color:var(--kui-color-text, #000933)!important;font-weight:600!important;font-weight:var(--kui-font-weight-semibold, 600)!important}.kong-ui-entity-base-form[data-v-b3590221] .slideout-content{overflow-y:unset!important}.kong-ui-entity-base-form.new-form-layout[data-v-b3590221]{background-color:#0000;background-color:var(--kui-color-background-transparent, rgba(0, 0, 0, 0));border:none;padding:0}.kong-ui-entity-base-form.new-form-layout[data-v-b3590221]>.card-content>form>.form-actions{justify-content:flex-start;margin-top:20px;margin-top:var(--kui-space-70, 20px)}.kong-ui-entity-base-form.new-form-layout .form-error[data-v-b3590221]{margin:20px 0 0 16px;margin:var(--kui-space-70, 20px) 0 0 var(--kui-space-60, 16px)}.kong-ui-entity-base-form .button-customize-deck-wrapper[data-v-b3590221]{display:flex;flex-direction:row;justify-content:flex-end;margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px)}.form-actions[data-v-b3590221]{align-items:center;display:flex;justify-content:flex-end;margin-top:24px;margin-top:var(--kui-space-80, 24px)}.form-actions[data-v-b3590221] .k-button:last-of-type,.form-actions[data-v-b3590221] .k-button:nth-last-of-type(2){margin-inline-start:16px;margin-inline-start:var(--kui-space-60, 16px)}.form-actions-reverted[data-v-b3590221]{direction:rtl}.content-wrapper[data-v-a3a65cac] .k-tooltip{word-break:break-all}.kong-ui-entity-base-table .toolbar-container[data-v-09e101d4]{align-items:center;display:flex;width:100%}.kong-ui-entity-base-table .toolbar-button-container[data-v-09e101d4]{margin-left:auto}.kong-ui-entity-base-table .hidden[data-v-09e101d4]{display:none}.kong-ui-entity-delete-modal .message[data-v-fc366e0c],.kong-ui-entity-delete-modal .description[data-v-fc366e0c]{line-height:20px;line-height:var(--kui-line-height-30, 20px);margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-entity-delete-modal .message strong[data-v-fc366e0c]{font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.kong-ui-entity-delete-modal .description[data-v-fc366e0c]{margin-top:32px;margin-top:var(--kui-space-90, 32px)}.kong-ui-entity-delete-modal .body-stacked-copy .description[data-v-fc366e0c]{margin-top:0;margin-top:var(--kui-space-0, 0px)}.kong-ui-entity-delete-modal .body-stacked-copy .description>p[data-v-fc366e0c]{margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-entity-delete-modal .body-stacked-copy .message[data-v-fc366e0c]{margin-bottom:0;margin-bottom:var(--kui-space-0, 0px)}.kong-ui-entity-delete-modal[data-v-fc366e0c] .prompt-confirmation-text{line-height:20px;line-height:var(--kui-line-height-30, 20px);margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-entity-delete-modal-stacked-copy[data-v-fc366e0c] .prompt-content+.prompt-confirmation-container{margin-top:32px;margin-top:var(--kui-space-90, 32px)}.kong-ui-entity-delete-error[data-v-fc366e0c]{margin-bottom:12px;margin-bottom:var(--kui-space-50, 12px)}.kong-ui-entity-filter-input[data-v-10015be6]{width:100%}.kong-ui-entity-filter-clear[data-v-10015be6]{cursor:pointer}.kong-ui-entity-filter[data-v-10015be6]{display:flex;position:relative}.kong-ui-entity-filter[data-v-10015be6] .menu-content{flex-direction:column}.kong-ui-entity-filter[data-v-10015be6] .k-menu-item-divider hr{margin:12px 0}.kong-ui-entity-filter-backdrop[data-v-10015be6]{inset:0;position:fixed;z-index:1050}.kong-ui-entity-filter-menu[data-v-10015be6]{background-color:#fff;background-color:var(--kui-color-background, #ffffff);border:1px solid #afb7c5;border:var(--kui-border-width-10, 1px) solid var(--kui-color-border-neutral-weak, #afb7c5);border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);box-shadow:0 4px 20px #e0e4ea;box-shadow:0 4px 20px var(--kui-color-border, #e0e4ea);left:0;margin-top:16px;padding:8px 0 12px;padding:var(--kui-space-40, 8px) 0 var(--kui-space-50, 12px);position:absolute;top:100%;width:300px;z-index:1060}.kong-ui-entity-filter-menu-item[data-v-10015be6]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400);line-height:16px;line-height:var(--kui-line-height-20, 16px);list-style:none;margin:0 20px;margin:var(--kui-space-0, 0px) var(--kui-space-70, 20px);padding:16px 0;padding:var(--kui-space-60, 16px) 0;position:relative;white-space:nowrap}.menu-item-title[data-v-10015be6]{align-items:center;cursor:pointer;display:flex;line-height:24px;line-height:var(--kui-line-height-40, 24px)}.menu-item-title.expanded[data-v-10015be6]{color:#232633;color:var(--kui-color-text-neutral-strongest, #232633)}.menu-item-expand-icon[data-v-10015be6]{margin-left:auto}.menu-item-expand-icon.expanded[data-v-10015be6]{transform:rotate(180deg)}.menu-item-indicator[data-v-10015be6]{background-color:#0044f4;background-color:var(--kui-color-background-primary, #0044f4);border-radius:50%;height:4px;margin-left:4px;width:4px}.menu-item-body[data-v-10015be6]{align-items:center;display:flex;justify-content:space-between;margin-top:16px;margin-top:var(--kui-space-60, 16px)}.menu-item-body[data-v-10015be6] .input{padding-bottom:4px!important;padding-top:4px!important}.menu-item-body[data-v-10015be6] .k-input{width:100%}.menu-item-body[data-v-10015be6] .k-select-input .input{font-size:12px}.menu-item-body[data-v-10015be6] .k-select-input .input::placeholder{color:#00000073!important;font-size:12px}.menu-item-label[data-v-10015be6]{margin-bottom:0;margin-right:12px}.menu-item-buttons[data-v-10015be6]{display:flex;justify-content:space-between;margin:10px 0 6px}.filter-clear-button-container[data-v-10015be6]{padding:12px 20px 0;padding:var(--kui-space-50, 12px) var(--kui-space-70, 20px) 0}fieldset[data-v-ccd29028]{margin:0;min-width:0;padding:0}.kong-ui-entity-form-section[data-v-ccd29028]{border:0}.kong-ui-entity-form-section .form-section-wrapper[data-v-ccd29028]{column-gap:16px;column-gap:var(--kui-space-60, 16px);display:flex;flex-direction:column;padding-bottom:64px;padding-bottom:var(--kui-space-130, 64px);row-gap:12px;row-gap:var(--kui-space-50, 12px);width:100%}@media(min-width:1024px){.kong-ui-entity-form-section .form-section-wrapper[data-v-ccd29028]{flex-direction:row}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-ccd29028]{flex:1}@media(min-width:1024px){.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-ccd29028]{max-width:350px}.kong-ui-entity-form-section .form-section-wrapper .form-section-info.sticky[data-v-ccd29028]{height:fit-content;margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px);position:sticky;top:16px}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-title[data-v-ccd29028]{color:#000933;color:var(--kui-color-text, #000933);font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);line-height:20px;line-height:var(--kui-line-height-30, 20px);margin-bottom:8px;margin-bottom:var(--kui-space-40, 8px);margin-top:0;margin-top:var(--kui-space-0, 0px)}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-ccd29028],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description p[data-v-ccd29028],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-ccd29028] p{color:#000933;color:var(--kui-color-text, #000933);font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:400;line-height:20px;margin:0}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-footer[data-v-ccd29028]{margin-top:32px;margin-top:var(--kui-space-90, 32px)}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-ccd29028]{flex:1}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-ccd29028]>*:not(:first-child){margin-top:24px;margin-top:var(--kui-space-80, 24px)}.kong-ui-entity-form-section.has-divider .form-section-wrapper[data-v-ccd29028]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea)}.kong-ui-entity-form-block .header[data-v-7dd2f21d]{align-items:flex-start;display:flex;gap:8px;gap:var(--kui-space-40, 8px)}.kong-ui-entity-form-block .step[data-v-7dd2f21d]{align-items:center;background:#fff;background:var(--kui-color-background, #ffffff);border:1px solid #afb7c5;border:1px solid var(--kui-color-border-neutral-weak, #afb7c5);border-radius:100px;border-radius:var(--kui-border-radius-round, 100px);display:flex;flex:0 0 auto;height:32px;justify-content:center;padding:4px;padding:var(--kui-space-20, 4px);width:32px}.kong-ui-entity-form-block .header-content[data-v-7dd2f21d]{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;gap:8px;gap:var(--kui-space-40, 8px);padding-top:4px;padding-top:var(--kui-space-20, 4px)}.kong-ui-entity-form-block .header-title[data-v-7dd2f21d]{color:#000933;color:var(--kui-color-text, #000933);font-size:18px;font-size:var(--kui-font-size-50, 18px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);line-height:24px;line-height:var(--kui-line-height-40, 24px);margin:0}.kong-ui-entity-form-block .header-description[data-v-7dd2f21d]{color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e);font-size:14px;font-size:var(--kui-font-size-30, 14px);line-height:20px;line-height:var(--kui-line-height-30, 20px);margin:0}.kong-ui-entity-form-block .header-extra[data-v-7dd2f21d]{align-items:center;display:flex;flex:0 0 auto;gap:8px;gap:var(--kui-space-40, 8px);justify-content:flex-end}.kong-ui-entity-form-block .content[data-v-7dd2f21d]{background:#fff;background:var(--kui-color-background, #ffffff);border:1px solid #e0e4ea;border:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);border-radius:6px;border-radius:var(--kui-border-radius-30, 6px);display:flex;flex-direction:column;gap:20px;gap:var(--kui-space-70, 20px);margin-top:20px;margin-top:var(--kui-space-70, 20px);padding:20px 24px;padding:var(--kui-space-70, 20px) var(--kui-space-80, 24px)}.kong-ui-entity-form-block.stepped .content[data-v-7dd2f21d]{margin-left:16px;margin-left:var(--kui-space-60, 16px)}.kong-ui-public-entity-link[data-v-6668aea9]{align-items:center;display:flex}.kong-ui-public-entity-link .deleted-entity[data-v-6668aea9]{font-style:italic}.kong-ui-public-entity-link .entity-link[data-v-6668aea9]{display:flex;flex:1}.kong-ui-public-entity-link .entity-link[data-v-6668aea9] .external-link-icon{color:#0044f4;color:var(--kui-color-text-primary, #0044f4);margin-left:4px;margin-left:var(--kui-space-20, 4px);padding:2px;padding:var(--kui-space-10, 2px)}.kong-ui-public-entity-link .entity-link-label[data-v-6668aea9]{display:inline-block;font-weight:400;font-weight:var(--kui-font-weight-regular, 400);max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kong-ui-public-entity-link .copy-uuid-tooltip[data-v-6668aea9]{align-items:center;cursor:pointer;display:flex}.kong-ui-public-entity-link .copy-uuid-tooltip .entity-link-copy-id[data-v-6668aea9]{margin-left:2px;margin-left:var(--kui-space-10, 2px)}.kong-ui-public-entity-empty-state[data-v-0b2e9081]{align-items:center;background-color:#fff;background-color:var(--kui-color-background, #ffffff);box-sizing:border-box;display:flex;flex-direction:column;font-family:Inter,Roboto,Helvetica,sans-serif;font-family:var(--kui-font-family-text, "Inter", Roboto, Helvetica, sans-serif);gap:24px;gap:var(--kui-space-80, 24px);padding:64px 0;padding:var(--kui-space-130, 64px) var(--kui-space-0, 0px);width:100%}@media(min-width:640px){.kong-ui-public-entity-empty-state[data-v-0b2e9081]{padding:64px 96px;padding:var(--kui-space-130, 64px) var(--kui-space-150, 96px)}}.kong-ui-public-entity-empty-state .empty-state-image[data-v-0b2e9081]{margin-bottom:8px;margin-bottom:var(--kui-space-40, 8px)}.kong-ui-public-entity-empty-state .entity-empty-state-content[data-v-0b2e9081]{align-items:center;display:flex;flex-direction:column;gap:8px;gap:var(--kui-space-40, 8px);text-align:center;width:100%}.kong-ui-public-entity-empty-state .entity-empty-state-content .entity-empty-state-title h1[data-v-0b2e9081]{align-items:center;color:#000933;color:var(--kui-color-text, #000933);display:flex;font-size:24px;font-size:var(--kui-font-size-70, 24px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);gap:8px;gap:var(--kui-space-40, 8px);line-height:32px;line-height:var(--kui-line-height-60, 32px);margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-public-entity-empty-state .entity-empty-state-content .entity-empty-state-title h1.secondary[data-v-0b2e9081]{font-size:18px;font-size:var(--kui-font-size-50, 18px)}.kong-ui-public-entity-empty-state .entity-empty-state-description[data-v-0b2e9081],.kong-ui-public-entity-empty-state .entity-empty-state-pricing[data-v-0b2e9081]{color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e);font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400);line-height:20px;line-height:var(--kui-line-height-30, 20px);max-width:640px}.kong-ui-public-entity-empty-state .entity-empty-state-description p[data-v-0b2e9081],.kong-ui-public-entity-empty-state .entity-empty-state-pricing p[data-v-0b2e9081]{margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-public-entity-empty-state .entity-empty-state-pricing[data-v-0b2e9081]{margin-top:16px;margin-top:var(--kui-space-60, 16px)}.kong-ui-public-entity-empty-state .entity-empty-state-message[data-v-0b2e9081]{color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e)}.kong-ui-public-entity-empty-state .entity-empty-state-action[data-v-0b2e9081]{align-items:center;display:flex;gap:12px;gap:var(--kui-space-50, 12px)}.kong-ui-public-entity-empty-state .entity-empty-state-card-container[data-v-0b2e9081]{display:flex;flex-wrap:wrap;gap:16px;gap:var(--kui-space-60, 16px);justify-content:space-around;margin-top:8px;margin-top:var(--kui-space-40, 8px);width:312px}@media(min-width:640px){.kong-ui-public-entity-empty-state .entity-empty-state-card-container[data-v-0b2e9081]{width:calc(624px + kui-space-60);width:calc(2 * 312px + var(--kui-space-60, kui-space-60))}}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-0b2e9081]{background-color:#f9fafb;background-color:var(--kui-color-background-neutral-weakest, #f9fafb);border:1px solid #e0e4ea;border:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);border-radius:6px;border-radius:var(--kui-border-radius-30, 6px);color:#afb7c5;color:var(--kui-color-text-neutral-weak, #afb7c5);gap:8px;gap:var(--kui-space-40, 8px);height:160px;padding:20px;padding:var(--kui-space-70, 20px);width:312px}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card .feature-icon[data-v-0b2e9081]{color:#3a3f51;color:var(--kui-color-text-neutral-stronger, #3a3f51);display:flex;margin-bottom:12px;margin-bottom:var(--kui-space-50, 12px)}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card .feature-icon[data-v-0b2e9081] .kui-icon{height:20px!important;height:var(--kui-icon-size-40, 20px)!important;width:20px!important;width:var(--kui-icon-size-40, 20px)!important}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-0b2e9081] .card-title{font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-0b2e9081] .card-content{-webkit-box-orient:vertical;color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.kong-ui-public-entity-empty-state .entity-empty-state-bottom-container[data-v-0b2e9081]{border-top:1px solid #e0e4ea;border-top:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);display:flex;flex-direction:column;gap:16px;gap:var(--kui-space-60, 16px);padding-top:48px;padding-top:var(--kui-space-110, 48px);width:100%}@media(min-width:640px){.kong-ui-public-entity-empty-state .entity-empty-state-bottom-container[data-v-0b2e9081]{width:calc(624px + kui-space-60);width:calc(2 * 312px + var(--kui-space-60, kui-space-60))}}.kong-ui-public-sensitive-input[data-v-ae0726c4]{display:flex;flex-direction:column;gap:8px;gap:var(--kui-space-40, 8px)}.kong-ui-public-sensitive-input[data-v-ae0726c4] .after-content-wrapper{align-items:center;gap:4px!important;gap:var(--kui-space-20, 4px)!important}.kong-ui-public-sensitive-input[data-v-ae0726c4] .input{padding-right:var(--v41f8c11f)!important}.kong-ui-public-sensitive-input .sensitive-input-action[data-v-ae0726c4]{color:#0044f4;color:var(--kui-color-text-primary, #0044f4);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);white-space:nowrap}.kong-ui-public-sensitive-input .sensitive-input-toggle[data-v-ae0726c4]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);cursor:pointer}.kong-ui-public-sensitive-input .sensitive-input-error-message[data-v-ae0726c4]{color:#d60027;color:var(--kui-color-text-danger, #d60027);font-size:12px;font-size:var(--kui-font-size-20, 12px);margin-top:-4px;margin-top:calc(-1 * var(--kui-space-20, 4px))}.kong-ui-public-sensitive-input .sensitive-input-textarea-actions[data-v-ae0726c4]{display:flex;justify-content:flex-end}.kong-ui-public-sensitive-input .sensitive-input-hint[data-v-ae0726c4]{align-items:center;background-color:#eefaff;background-color:var(--kui-color-background-info-weakest, #eefaff);border-radius:6px;border-radius:var(--kui-border-radius-30, 6px);color:#0044f4;color:var(--kui-color-text-info, #0044f4);display:flex;gap:8px;gap:var(--kui-space-40, 8px);padding:8px 12px;padding:var(--kui-space-40, 8px) var(--kui-space-50, 12px)}.kong-ui-public-sensitive-input .sensitive-input-hint .sensitive-input-hint-icon[data-v-ae0726c4]{flex-shrink:0}.kong-ui-public-sensitive-input .sensitive-input-hint .sensitive-input-hint-text[data-v-ae0726c4]{flex:1;font-size:14px;font-size:var(--kui-font-size-30, 14px)}.kong-ui-public-sensitive-input .sensitive-input-hint .sensitive-input-copy[data-v-ae0726c4]{display:inline-flex;font-size:12px;font-size:var(--kui-font-size-20, 12px);gap:4px;gap:var(--kui-space-20, 4px)}.button-row[data-v-b73f146e]{align-items:center;display:flex;gap:12px;gap:var(--kui-space-50, 12px)}.kong-ui-entities-key-sets-list[data-v-b73f146e]{width:100%}.kong-ui-entities-key-sets-list .kong-ui-entity-filter-input[data-v-b73f146e]{margin-right:12px;margin-right:var(--kui-space-50, 12px)}.kong-ui-entities-key-sets-form[data-v-e66ae12a]{width:100%}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/entities-key-sets",
-  "version": "3.11.41",
+  "version": "3.13.0",
   "type": "module",
   "main": "./dist/entities-key-sets.umd.js",
   "module": "./dist/entities-key-sets.es.js",
@@ -26,17 +26,17 @@
     "axios": "^1.16.1",
     "vue": ">= 3.3.13 < 4",
     "vue-router": "^4.6.4 || ^5.0.6",
-    "@kong-ui-public/entities-shared": "^3.55.0",
-    "@kong-ui-public/i18n": "^2.4.6"
+    "@kong-ui-public/entities-shared": "^3.57.0",
+    "@kong-ui-public/i18n": "^2.5.0"
   },
   "devDependencies": {
-    "@kong/icons": "^1.60.0",
-    "@kong/kongponents": "9.60.7",
+    "@kong/icons": "^1.61.2",
+    "@kong/kongponents": "9.61.1",
     "axios": "^1.17.0",
     "vue": "^3.5.35",
     "vue-router": "^5.1.0",
-    "@kong-ui-public/entities-shared": "^3.55.0",
-    "@kong-ui-public/i18n": "^2.4.6"
+    "@kong-ui-public/entities-shared": "^3.57.0",
+    "@kong-ui-public/i18n": "^2.5.0"
   },
   "repository": {
     "type": "git",