@kong-ui-public/entities-key-sets 3.8.8 → 3.8.10

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

@@ -1,9 +1,9 @@
-import { defineComponent as H, ref as C, computed as h, watch as Se, onBeforeMount as be, resolveComponent as B, createElementBlock as W, openBlock as O, createVNode as i, unref as n, createSlots as ee, withCtx as f, createTextVNode as T, toDisplayString as $, createElementVNode as L, createBlock as te, Teleport as Ce, createCommentVNode as Ie, reactive as ae } from "vue";
-import { BookIcon as we, AddIcon as _e, KeyIcon as Ee } from "@kong/icons";
-import { useRouter as oe } from "vue-router";
-import { createI18n as Ke, i18nTComponent as $e } from "@kong-ui-public/i18n";
-import { useAxios as se, useTableState as Me, useFetcher as De, useDeleteUrlBuilder as Re, FetcherStatus as Fe, EntityBaseTable as Te, PermissionsWrapper as q, TableTags as Be, EntityFilter as Oe, EntityEmptyState as Ve, EntityDeleteModal as xe, EntityTypes as Ue, useErrors as qe, EntityBaseFormType as ne, EntityBaseForm as Ae, SupportedEntityType as ie, EntityFormSection as Ne, EntityBaseConfigCard as Pe } from "@kong-ui-public/entities-shared";
-const je = {
+import { defineComponent as z, ref as S, computed as v, watch as we, onBeforeMount as Ee, resolveComponent as D, createElementBlock as Q, openBlock as F, createVNode as i, unref as n, createSlots as te, withCtx as l, createTextVNode as E, toDisplayString as I, createElementVNode as ae, createBlock as G, Teleport as Ke, createCommentVNode as ne, reactive as oe } from "vue";
+import { BookIcon as se, AddIcon as ie, KeyIcon as $e } from "@kong/icons";
+import { useRouter as le } from "vue-router";
+import { createI18n as Me, i18nTComponent as De } from "@kong-ui-public/i18n";
+import { useAxios as ce, useTableState as Fe, 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: {
@@ -22,7 +22,8 @@ const je = {
       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"
+      create_cta: "New key set",
+      learn_more: "Learn more"
     }
   },
   actions: {
@@ -70,35 +71,35 @@ const je = {
       }
     }
   }
-}, Je = {
-  keySets: je
+}, Le = {
+  keySets: Je
 };
-function Le() {
-  const e = Ke("en-us", Je);
+function Ge() {
+  const e = Me("en-us", Le);
   return {
     i18n: e,
-    i18nT: $e(e)
+    i18nT: De(e)
     // Translation component <i18n-t>
   };
 }
-const Q = {
-  useI18n: Le
-}, z = "/v2/control-planes/{controlPlaneId}/core-entities", G = "/{workspace}", A = {
+const X = {
+  useI18n: Ge
+}, H = "/v2/control-planes/{controlPlaneId}/core-entities", W = "/{workspace}", N = {
   list: {
-    konnect: `${z}/key-sets`,
-    kongManager: `${G}/key-sets`
+    konnect: `${H}/key-sets`,
+    kongManager: `${W}/key-sets`
   },
   form: {
     konnect: {
-      create: `${z}/key-sets`,
-      edit: `${z}/key-sets/{id}`
+      create: `${H}/key-sets`,
+      edit: `${H}/key-sets/{id}`
     },
     kongManager: {
-      create: `${G}/key-sets`,
-      edit: `${G}/key-sets/{id}`
+      create: `${W}/key-sets`,
+      edit: `${W}/key-sets/{id}`
     }
   }
-}, ze = "#00abd2", Ge = "24px", He = { class: "kong-ui-entities-key-sets-list" }, We = { class: "button-row" }, Qe = { class: "empty-state-icon-gateway" }, Xe = /* @__PURE__ */ H({
+}, He = { class: "kong-ui-entities-key-sets-list" }, We = { class: "button-row" }, ze = /* @__PURE__ */ z({
   __name: "KeySetList",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -143,46 +144,46 @@ const Q = {
     }
   },
   emits: ["error", "click:learn-more", "copy:success", "copy:error", "delete:success"],
-  setup(e, { emit: I }) {
+  setup(e, { emit: _ }) {
     var Z;
-    const m = I, t = e, { i18n: { t: o } } = Q.useI18n(), g = oe(), { axiosInstance: v } = se((Z = t.config) == null ? void 0 : Z.axiosRequestConfig), { hasRecords: k, handleStateChange: N } = Me(() => S.value), M = h(() => k.value && t.config.app === "konnect"), c = h(() => t.config.app !== "kongManager" || !!t.config.disableSorting), _ = {
+    const m = _, t = e, { i18n: { t: o } } = X.useI18n(), g = le(), { axiosInstance: h } = ce((Z = t.config) == null ? void 0 : Z.axiosRequestConfig), { hasRecords: k, handleStateChange: U } = Fe(() => b.value), R = v(() => k.value && t.config.app === "konnect"), d = v(() => t.config.app !== "kongManager" || !!t.config.disableSorting), K = {
       // the Name column is non-hidable
       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 }
-    }, P = _, V = h(() => {
+    }, j = K, x = v(() => {
       var s, p;
-      let a = `${t.config.apiBaseUrl}${A.list[t.config.app]}`;
+      let a = `${t.config.apiBaseUrl}${N.list[t.config.app]}`;
       return t.config.app === "konnect" ? a = a.replace(/{controlPlaneId}/gi, ((s = t.config) == null ? void 0 : s.controlPlaneId) || "") : t.config.app === "kongManager" && (a = a.replace(/\/{workspace}/gi, (p = t.config) != null && p.workspace ? `/${t.config.workspace}` : "")), a;
-    }), S = C(""), D = h(() => {
+    }), b = S(""), T = v(() => {
       const a = t.config.app === "konnect" || t.config.isExactMatch;
       if (a)
         return {
           isExactMatch: a,
           placeholder: o("keySets.search.placeholder")
         };
-      const s = { name: _.name };
+      const s = { name: K.name };
       return {
         isExactMatch: a,
         fields: s,
         schema: t.config.filterSchema
       };
     }), {
-      fetcher: E,
-      fetcherState: j,
-      fetcherCacheKey: K
-    } = De(h(() => ({ ...t.config, cacheIdentifier: t.cacheIdentifier })), V), r = () => {
-      S.value = "";
-    }, d = () => {
-      K.value++;
-    }, l = C(null), y = async (a, s) => {
+      fetcher: $,
+      fetcherState: A,
+      fetcherCacheKey: M
+    } = Re(v(() => ({ ...t.config, cacheIdentifier: t.cacheIdentifier })), x), r = () => {
+      b.value = "";
+    }, u = () => {
+      M.value++;
+    }, c = S(null), y = async (a, s) => {
       const p = a.id;
       if (!await s(p)) {
-        de(a, "id");
+        pe(a, "id");
         return;
       }
-      ce(a, "id");
-    }, le = async (a, s) => {
+      ye(a, "id");
+    }, fe = async (a, s) => {
       const p = JSON.stringify(a);
       if (!await s(p)) {
         m("copy:error", {
@@ -195,123 +196,123 @@ const Q = {
         entity: a,
         message: o("keySets.copy.success_brief")
       });
-    }, ce = (a, s) => {
+    }, ye = (a, s) => {
       m("copy:success", {
         entity: a,
         field: s,
         message: o("keySets.copy.success", { val: a[s] })
       });
-    }, de = (a, s) => {
+    }, pe = (a, s) => {
       m("copy:error", {
         entity: a,
         field: s,
         message: o("keySets.errors.copy")
       });
-    }, ue = async (a) => {
+    }, me = async (a) => {
       var p;
       await ((p = t.canRetrieve) == null ? void 0 : p.call(t, a)) && g.push(t.config.getViewRoute(a.id));
-    }, fe = (a) => ({
+    }, ge = (a) => ({
       label: o("keySets.actions.view"),
       to: t.config.getViewRoute(a)
-    }), ye = (a) => ({
+    }), ke = (a) => ({
       label: o("keySets.actions.edit"),
       to: t.config.getEditRoute(a)
-    }), w = C(void 0), x = C(!1), U = C(!1), X = C(""), pe = Re(t.config, V.value), me = (a) => {
-      w.value = a, x.value = !0;
-    }, ge = () => {
-      x.value = !1;
-    }, ke = async () => {
+    }), w = S(void 0), O = S(!1), q = S(!1), Y = S(""), ve = Te(t.config, x.value), he = (a) => {
+      w.value = a, O.value = !0;
+    }, Se = () => {
+      O.value = !1;
+    }, be = async () => {
       var a, s, p;
       if ((a = w.value) != null && a.id) {
-        U.value = !0;
+        q.value = !0;
         try {
-          await v.delete(pe(w.value.id)), U.value = !1, x.value = !1, K.value++, m("delete:success", w.value);
-        } catch (b) {
-          X.value = ((p = (s = b.response) == null ? void 0 : s.data) == null ? void 0 : p.message) || b.message || o("keySets.errors.delete"), m("error", b);
+          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 = (s = C.response) == null ? void 0 : s.data) == null ? void 0 : p.message) || C.message || o("keySets.errors.delete"), m("error", C);
         } finally {
-          U.value = !1;
+          q.value = !1;
         }
       }
-    }, he = () => {
+    }, Ce = () => {
       g.push(t.config.createRoute);
     };
-    Se(j, (a) => {
-      var s, p, b;
-      if (a.status === Fe.Error) {
-        l.value = {
+    we(A, (a) => {
+      var s, p, C;
+      if (a.status === Be.Error) {
+        c.value = {
           title: o("keySets.errors.general")
-        }, (b = (p = (s = a.error) == null ? void 0 : s.response) == null ? void 0 : p.data) != null && b.message && (l.value.message = a.error.response.data.message), m("error", a.error);
+        }, (C = (p = (s = a.error) == null ? void 0 : s.response) == null ? void 0 : p.data) != null && C.message && (c.value.message = a.error.response.data.message), m("error", a.error);
         return;
       }
-      l.value = null;
+      c.value = null;
     });
-    const J = C({
+    const J = S({
       ctaPath: t.config.createRoute,
       ctaText: void 0,
       message: `${o("keySets.list.empty_state.description")}${t.config.additionMessageForEmptyState ? ` ${t.config.additionMessageForEmptyState}` : ""}`,
       title: o("keySets.title")
-    });
-    return be(async () => {
-      await t.canCreate() && (J.value.title = o("keySets.list.empty_state.title"), J.value.ctaText = o("keySets.actions.create"));
+    }), L = S(!1);
+    return Ee(async () => {
+      L.value = await t.canCreate(), L.value && (J.value.title = o("keySets.list.empty_state.title"), J.value.ctaText = o("keySets.actions.create"));
     }), (a, s) => {
-      const p = B("KButton"), b = B("KCopy"), R = B("KDropdownItem"), Y = B("KClipboardProvider");
-      return O(), W("div", He, [
-        i(n(Te), {
+      const p = D("KButton"), C = D("KEmptyState"), Ie = D("KCopy"), B = D("KDropdownItem"), ee = D("KClipboardProvider");
+      return F(), Q("div", He, [
+        i(n(Ve), {
           "cache-identifier": e.cacheIdentifier,
-          "disable-sorting": c.value,
+          "disable-sorting": d.value,
           "empty-state-options": J.value,
           "enable-entity-actions": "",
-          "error-message": l.value,
-          fetcher: n(E),
-          "fetcher-cache-key": n(K),
+          "error-message": c.value,
+          fetcher: n($),
+          "fetcher-cache-key": n(M),
           "pagination-type": "offset",
           "preferences-storage-key": "kong-ui-entities-key-sets-list",
-          query: S.value,
-          "table-headers": n(P),
+          query: b.value,
+          "table-headers": n(j),
           onClearSearchInput: r,
-          "onClick:row": s[3] || (s[3] = (u) => ue(u)),
-          onSort: d,
-          onState: n(N)
-        }, ee({
-          "toolbar-filter": f(() => [
+          "onClick:row": s[3] || (s[3] = (f) => me(f)),
+          onSort: u,
+          onState: n(U)
+        }, te({
+          "toolbar-filter": l(() => [
             i(n(Oe), {
-              modelValue: S.value,
-              "onUpdate:modelValue": s[0] || (s[0] = (u) => S.value = u),
-              config: D.value
+              modelValue: b.value,
+              "onUpdate:modelValue": s[0] || (s[0] = (f) => b.value = f),
+              config: T.value
             }, null, 8, ["modelValue", "config"])
           ]),
-          "toolbar-button": f(() => [
-            (O(), te(Ce, {
+          "toolbar-button": l(() => [
+            (F(), G(Ke, {
               disabled: !e.useActionOutside,
               to: "#kong-ui-app-page-header-action-button"
             }, [
-              L("div", We, [
-                M.value ? (O(), te(p, {
+              ae("div", We, [
+                R.value ? (F(), G(p, {
                   key: 0,
                   appearance: "secondary",
                   class: "open-learning-hub",
                   "data-testid": "keys-set-learn-more-button",
                   icon: "",
-                  onClick: s[1] || (s[1] = (u) => a.$emit("click:learn-more"))
+                  onClick: s[1] || (s[1] = (f) => a.$emit("click:learn-more"))
                 }, {
-                  default: f(() => [
-                    i(n(we), { decorative: "" })
+                  default: l(() => [
+                    i(n(se), { decorative: "" })
                   ]),
                   _: 1
-                })) : Ie("", !0),
-                i(n(q), {
+                })) : ne("", !0),
+                i(n(P), {
                   "auth-function": () => e.canCreate()
                 }, {
-                  default: f(() => [
+                  default: l(() => [
                     i(p, {
                       appearance: "primary",
                       "data-testid": "toolbar-add-key-set",
                       size: e.useActionOutside ? "medium" : "large",
                       to: e.config.createRoute
                     }, {
-                      default: f(() => [
-                        i(n(_e)),
-                        T(" " + $(n(o)("keySets.list.toolbar_actions.new_key_set")), 1)
+                      default: l(() => [
+                        i(n(ie)),
+                        E(" " + I(n(o)("keySets.list.toolbar_actions.new_key_set")), 1)
                       ]),
                       _: 1
                     }, 8, ["size", "to"])
@@ -321,82 +322,82 @@ const Q = {
               ])
             ], 8, ["disabled"]))
           ]),
-          name: f(({ rowValue: u }) => [
-            L("b", null, $(u ?? "-"), 1)
+          name: l(({ rowValue: f }) => [
+            ae("b", null, I(f ?? "-"), 1)
           ]),
-          tags: f(({ rowValue: u }) => [
-            i(n(Be), { tags: u }, null, 8, ["tags"])
+          tags: l(({ rowValue: f }) => [
+            i(n(xe), { tags: f }, null, 8, ["tags"])
           ]),
-          id: f(({ rowValue: u }) => [
-            i(b, {
-              text: u,
+          id: l(({ rowValue: f }) => [
+            i(Ie, {
+              text: f,
               truncate: ""
             }, null, 8, ["text"])
           ]),
-          actions: f(({ row: u }) => [
-            i(Y, null, {
-              default: f(({ copyToClipboard: F }) => [
-                i(R, {
+          actions: l(({ row: f }) => [
+            i(ee, null, {
+              default: l(({ copyToClipboard: V }) => [
+                i(B, {
                   "data-testid": "action-entity-copy-id",
-                  onClick: (ve) => y(u, F)
+                  onClick: (_e) => y(f, V)
                 }, {
-                  default: f(() => [
-                    T($(n(o)("keySets.actions.copy_id")), 1)
+                  default: l(() => [
+                    E(I(n(o)("keySets.actions.copy_id")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            i(Y, null, {
-              default: f(({ copyToClipboard: F }) => [
-                i(R, {
+            i(ee, null, {
+              default: l(({ copyToClipboard: V }) => [
+                i(B, {
                   "data-testid": "action-entity-copy-json",
-                  onClick: (ve) => le(u, F)
+                  onClick: (_e) => fe(f, V)
                 }, {
-                  default: f(() => [
-                    T($(n(o)("keySets.actions.copy_json")), 1)
+                  default: l(() => [
+                    E(I(n(o)("keySets.actions.copy_json")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            i(n(q), {
-              "auth-function": () => e.canRetrieve(u)
+            i(n(P), {
+              "auth-function": () => e.canRetrieve(f)
             }, {
-              default: f(() => [
-                i(R, {
+              default: l(() => [
+                i(B, {
                   "data-testid": "action-entity-view",
                   "has-divider": "",
-                  item: fe(u.id)
+                  item: ge(f.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            i(n(q), {
-              "auth-function": () => e.canEdit(u)
+            i(n(P), {
+              "auth-function": () => e.canEdit(f)
             }, {
-              default: f(() => [
-                i(R, {
+              default: l(() => [
+                i(B, {
                   "data-testid": "action-entity-edit",
-                  item: ye(u.id)
+                  item: ke(f.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            i(n(q), {
-              "auth-function": () => e.canDelete(u)
+            i(n(P), {
+              "auth-function": () => e.canDelete(f)
             }, {
-              default: f(() => [
-                i(R, {
+              default: l(() => [
+                i(B, {
                   danger: "",
                   "data-testid": "action-entity-delete",
                   "has-divider": "",
-                  onClick: (F) => me(u)
+                  onClick: (V) => he(f)
                 }, {
-                  default: f(() => [
-                    T($(n(o)("keySets.actions.delete")), 1)
+                  default: l(() => [
+                    E(I(n(o)("keySets.actions.delete")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -406,65 +407,79 @@ const Q = {
           ]),
           _: 2
         }, [
-          !S.value && e.config.app === "konnect" ? {
+          !b.value && e.config.app === "konnect" ? {
             name: "empty-state",
-            fn: f(() => {
-              var u;
+            fn: l(() => {
+              var f;
               return [
-                i(n(Ve), {
-                  "action-button-text": n(o)("keySets.list.empty_state_v2.create_cta"),
-                  appearance: "secondary",
-                  "can-create": () => e.canCreate(),
+                i(C, {
                   "data-testid": "key-sets-entity-empty-state",
-                  description: n(o)("keySets.list.empty_state_v2.description"),
-                  "learn-more": e.config.app === "konnect",
-                  title: n(o)("keySets.list.empty_state_v2.title"),
-                  "onClick:create": he,
-                  "onClick:learnMore": s[2] || (s[2] = (F) => a.$emit("click:learn-more"))
-                }, ee({
-                  image: f(() => [
-                    L("div", Qe, [
-                      i(n(Ee), {
-                        color: n(ze),
-                        size: n(Ge)
-                      }, null, 8, ["color", "size"])
-                    ])
+                  "icon-background": "",
+                  message: n(o)("keySets.list.empty_state_v2.description"),
+                  title: n(o)("keySets.list.empty_state_v2.title")
+                }, te({
+                  icon: l(() => [
+                    i(n($e), { decorative: "" })
+                  ]),
+                  action: l(() => [
+                    L.value ? (F(), G(p, {
+                      key: 0,
+                      "data-testid": "entity-create-button",
+                      onClick: Ce
+                    }, {
+                      default: l(() => [
+                        i(n(ie), { decorative: "" }),
+                        E(" " + I(n(o)("keySets.list.empty_state_v2.create_cta")), 1)
+                      ]),
+                      _: 1
+                    })) : ne("", !0),
+                    i(p, {
+                      appearance: "secondary",
+                      "data-testid": "entity-learn-more-button",
+                      onClick: s[2] || (s[2] = (V) => a.$emit("click:learn-more"))
+                    }, {
+                      default: l(() => [
+                        i(n(se), { decorative: "" }),
+                        E(" " + I(n(o)("keySets.list.empty_state_v2.learn_more")), 1)
+                      ]),
+                      _: 1
+                    })
                   ]),
                   _: 2
                 }, [
-                  (u = e.config) != null && u.isControlPlaneGroup ? {
-                    name: "message",
-                    fn: f(() => [
-                      T($(n(o)("keySets.list.empty_state_v2.group")), 1)
+                  (f = e.config) != null && f.isControlPlaneGroup ? {
+                    name: "default",
+                    fn: l(() => [
+                      E(I(n(o)("keySets.list.empty_state_v2.group")), 1)
                     ]),
                     key: "0"
                   } : void 0
-                ]), 1032, ["action-button-text", "can-create", "description", "learn-more", "title"])
+                ]), 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(n(xe), {
-          "action-pending": U.value,
+        i(n(qe), {
+          "action-pending": q.value,
           description: n(o)("keySets.delete.description"),
           "entity-name": w.value && (w.value.name || w.value.id),
-          "entity-type": n(Ue).KeySet,
-          error: X.value,
+          "entity-type": n(Pe).KeySet,
+          error: Y.value,
           title: n(o)("keySets.delete.title"),
-          visible: x.value,
-          onCancel: ge,
-          onProceed: ke
+          visible: O.value,
+          onCancel: Se,
+          onProceed: be
         }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"])
       ]);
     };
   }
-}), re = (e, I) => {
+}), ue = (e, _) => {
   const m = e.__vccOpts || e;
-  for (const [t, o] of I)
+  for (const [t, o] of _)
     m[t] = o;
   return m;
-}, it = /* @__PURE__ */ re(Xe, [["__scopeId", "data-v-3da8907e"]]), Ze = { class: "kong-ui-entities-key-sets-form" }, Ye = /* @__PURE__ */ H({
+}, ot = /* @__PURE__ */ ue(ze, [["__scopeId", "data-v-afe99dbd"]]), Qe = { class: "kong-ui-entities-key-sets-form" }, Xe = /* @__PURE__ */ z({
   __name: "KeySetForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -481,87 +496,87 @@ const Q = {
     }
   },
   emits: ["update", "error", "loading"],
-  setup(e, { emit: I }) {
-    var K;
-    const m = I, t = e, o = oe(), { i18n: { t: g } } = Q.useI18n(), { getMessageFromError: v } = qe(), { axiosInstance: k } = se((K = t.config) == null ? void 0 : K.axiosRequestConfig), N = h(() => A.form[t.config.app].edit), M = h(() => t.keySetId ? ne.Edit : ne.Create), c = ae({
+  setup(e, { emit: _ }) {
+    var M;
+    const m = _, t = e, o = 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), d = oe({
       fields: {
         name: "",
         tags: ""
       },
       isReadonly: !1,
       errorMessage: ""
-    }), _ = ae({
+    }), K = oe({
       name: "",
       tags: ""
-    }), P = h(() => JSON.stringify(c.fields) !== JSON.stringify(_) && !!c.fields.name), V = (r) => {
-      var d;
-      c.fields.name = (r == null ? void 0 : r.name) || "", c.fields.tags = ((d = r == null ? void 0 : r.tags) == null ? void 0 : d.join(", ")) || "", Object.assign(_, c.fields);
-    }, S = () => {
+    }), j = v(() => JSON.stringify(d.fields) !== JSON.stringify(K) && !!d.fields.name), x = (r) => {
+      var u;
+      d.fields.name = (r == null ? void 0 : r.name) || "", d.fields.tags = ((u = r == null ? void 0 : r.tags) == null ? void 0 : u.join(", ")) || "", Object.assign(K, d.fields);
+    }, b = () => {
       o.push(t.config.cancelRoute);
-    }, D = h(() => {
-      var d, l;
-      let r = `${t.config.apiBaseUrl}${A.form[t.config.app][M.value]}`;
-      return t.config.app === "konnect" ? r = r.replace(/{controlPlaneId}/gi, ((d = t.config) == null ? void 0 : d.controlPlaneId) || "") : t.config.app === "kongManager" && (r = r.replace(/\/{workspace}/gi, (l = t.config) != null && l.workspace ? `/${t.config.workspace}` : "")), r = r.replace(/{id}/gi, t.keySetId), r;
-    }), E = h(() => {
-      var r, d, l;
+    }, T = v(() => {
+      var u, c;
+      let r = `${t.config.apiBaseUrl}${N.form[t.config.app][R.value]}`;
+      return t.config.app === "konnect" ? r = r.replace(/{controlPlaneId}/gi, ((u = t.config) == null ? void 0 : u.controlPlaneId) || "") : t.config.app === "kongManager" && (r = r.replace(/\/{workspace}/gi, (c = t.config) != null && c.workspace ? `/${t.config.workspace}` : "")), r = r.replace(/{id}/gi, t.keySetId), r;
+    }), $ = v(() => {
+      var r, u, c;
       return {
-        name: c.fields.name,
-        tags: ((l = (d = (r = c.fields.tags) == null ? void 0 : r.split(",")) == null ? void 0 : d.map((y) => String(y || "").trim())) == null ? void 0 : l.filter((y) => y !== "")) || ""
+        name: d.fields.name,
+        tags: ((c = (u = (r = d.fields.tags) == null ? void 0 : r.split(",")) == null ? void 0 : u.map((y) => String(y || "").trim())) == null ? void 0 : c.filter((y) => y !== "")) || ""
       };
-    }), j = async () => {
-      var r, d;
+    }), A = async () => {
+      var r, u;
       try {
-        c.isReadonly = !0;
-        let l;
-        if (M.value === "create" ? l = await k.post(D.value, E.value) : M.value === "edit" && (l = ((r = t.config) == null ? void 0 : r.app) === "konnect" ? await k.put(D.value, E.value) : await k.patch(D.value, E.value)), l) {
-          const { data: y } = l;
-          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), m("update", l == null ? void 0 : l.data);
+        d.isReadonly = !0;
+        let c;
+        if (R.value === "create" ? c = await k.post(T.value, $.value) : R.value === "edit" && (c = ((r = t.config) == null ? void 0 : r.app) === "konnect" ? await k.put(T.value, $.value) : await k.patch(T.value, $.value)), c) {
+          const { data: y } = c;
+          d.fields.name = (y == null ? void 0 : y.name) || "", d.fields.tags = ((u = y == null ? void 0 : y.tags) == null ? void 0 : u.join(", ")) || "", Object.assign(K, d.fields), m("update", c == null ? void 0 : c.data);
         }
-      } catch (l) {
-        c.errorMessage = v(l), m("error", l);
+      } catch (c) {
+        d.errorMessage = h(c), m("error", c);
       } finally {
-        c.isReadonly = !1;
+        d.isReadonly = !1;
       }
     };
-    return (r, d) => {
-      const l = B("KInput");
-      return O(), W("div", Ze, [
-        i(n(Ae), {
-          "can-submit": P.value,
+    return (r, u) => {
+      const c = D("KInput");
+      return F(), Q("div", Qe, [
+        i(n(Ue), {
+          "can-submit": j.value,
           config: e.config,
           "edit-id": e.keySetId,
-          "entity-type": n(ie).KeySet,
-          "error-message": c.errorMessage,
-          "fetch-url": N.value,
-          "form-fields": E.value,
-          "is-readonly": c.isReadonly,
-          onCancel: S,
-          "onFetch:error": d[2] || (d[2] = (y) => r.$emit("error", y)),
-          "onFetch:success": V,
-          onLoading: d[3] || (d[3] = (y) => r.$emit("loading", y)),
-          onSubmit: j
+          "entity-type": n(de).KeySet,
+          "error-message": d.errorMessage,
+          "fetch-url": U.value,
+          "form-fields": $.value,
+          "is-readonly": d.isReadonly,
+          onCancel: b,
+          "onFetch:error": u[2] || (u[2] = (y) => r.$emit("error", y)),
+          "onFetch:success": x,
+          onLoading: u[3] || (u[3] = (y) => r.$emit("loading", y)),
+          onSubmit: A
         }, {
-          default: f(() => [
-            i(n(Ne), {
+          default: l(() => [
+            i(n(je), {
               description: n(g)("keySets.form.sections.general.description"),
               "has-divider": "",
               title: n(g)("keySets.form.sections.general.title")
             }, {
-              default: f(() => [
-                i(l, {
-                  modelValue: c.fields.name,
-                  "onUpdate:modelValue": d[0] || (d[0] = (y) => c.fields.name = y),
+              default: l(() => [
+                i(c, {
+                  modelValue: d.fields.name,
+                  "onUpdate:modelValue": u[0] || (u[0] = (y) => d.fields.name = y),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "key-set-form-name",
                   label: n(g)("keySets.form.fields.name.label"),
                   placeholder: n(g)("keySets.form.fields.name.placeholder"),
-                  readonly: c.isReadonly,
+                  readonly: d.isReadonly,
                   type: "text"
                 }, null, 8, ["modelValue", "label", "placeholder", "readonly"]),
-                i(l, {
-                  modelValue: c.fields.tags,
-                  "onUpdate:modelValue": d[1] || (d[1] = (y) => c.fields.tags = y),
+                i(c, {
+                  modelValue: d.fields.tags,
+                  "onUpdate:modelValue": u[1] || (u[1] = (y) => d.fields.tags = y),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "key-set-form-tags",
@@ -572,7 +587,7 @@ const Q = {
                     tooltipAttributes: { maxWidth: "400" }
                   },
                   placeholder: n(g)("keySets.form.fields.tags.placeholder"),
-                  readonly: c.isReadonly,
+                  readonly: d.isReadonly,
                   type: "text"
                 }, null, 8, ["modelValue", "help", "label", "label-attributes", "placeholder", "readonly"])
               ]),
@@ -584,7 +599,7 @@ const Q = {
       ]);
     };
   }
-}), rt = /* @__PURE__ */ re(Ye, [["__scopeId", "data-v-a4b01cc5"]]), et = { class: "kong-ui-entities-keys-entity-config-card" }, lt = /* @__PURE__ */ H({
+}), st = /* @__PURE__ */ ue(Xe, [["__scopeId", "data-v-a4b01cc5"]]), Ye = { class: "kong-ui-entities-keys-entity-config-card" }, it = /* @__PURE__ */ z({
   __name: "KeySetConfigCard",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -611,7 +626,7 @@ const Q = {
   },
   emits: ["loading", "fetch:error", "fetch:success"],
   setup(e) {
-    const I = e, { i18n: { t: m } } = Q.useI18n(), t = h(() => A.form[I.config.app].edit), o = C({
+    const _ = e, { i18n: { t: m } } = X.useI18n(), t = v(() => N.form[_.config.app].edit), o = S({
       id: {},
       name: {},
       last_updated: {},
@@ -620,23 +635,23 @@ const Q = {
         tooltip: m("keySets.form.fields.tags.tooltip")
       }
     });
-    return (g, v) => (O(), W("div", et, [
-      i(n(Pe), {
+    return (g, h) => (F(), Q("div", Ye, [
+      i(n(Ae), {
         config: e.config,
         "config-card-doc": e.configCardDoc,
         "config-schema": o.value,
-        "entity-type": n(ie).KeySet,
+        "entity-type": n(de).KeySet,
         "fetch-url": t.value,
         "hide-title": e.hideTitle,
-        "onFetch:error": v[0] || (v[0] = (k) => g.$emit("fetch:error", k)),
-        "onFetch:success": v[1] || (v[1] = (k) => g.$emit("fetch:success", k)),
-        onLoading: v[2] || (v[2] = (k) => g.$emit("loading", k))
+        "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))
       }, null, 8, ["config", "config-card-doc", "config-schema", "entity-type", "fetch-url", "hide-title"])
     ]));
   }
 });
 export {
-  lt as KeySetConfigCard,
-  rt as KeySetForm,
-  it as KeySetList
+  it as KeySetConfigCard,
+  st as KeySetForm,
+  ot 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,B,j,L,i){"use strict";const H={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"}},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 Q(){const t=L.createI18n("en-us",H);return{i18n:t,i18nT:L.i18nTComponent(t)}}const F={useI18n:Q},R="/v2/control-planes/{controlPlaneId}/core-entities",O="/{workspace}",T={list:{konnect:`${R}/key-sets`,kongManager:`${O}/key-sets`},form:{konnect:{create:`${R}/key-sets`,edit:`${R}/key-sets/{id}`},kongManager:{create:`${O}/key-sets`,edit:`${O}/key-sets/{id}`}}},X="#00abd2",Z="24px",Y={class:"kong-ui-entities-key-sets-list"},v={class:"button-row"},ee={class:"empty-state-icon-gateway"},te=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 z;const u=S,n=t,{i18n:{t:a}}=F.useI18n(),m=j.useRouter(),{axiosInstance:h}=i.useAxios((z=n.config)==null?void 0:z.axiosRequestConfig),{hasRecords:k,handleStateChange:q}=i.useTableState(()=>b.value),x=e.computed(()=>k.value&&n.config.app==="konnect"),c=e.computed(()=>n.config.app!=="kongManager"||!!n.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}},P=V,$=e.computed(()=>{var s,y;let o=`${n.config.apiBaseUrl}${T.list[n.config.app]}`;return n.config.app==="konnect"?o=o.replace(/{controlPlaneId}/gi,((s=n.config)==null?void 0:s.controlPlaneId)||""):n.config.app==="kongManager"&&(o=o.replace(/\/{workspace}/gi,(y=n.config)!=null&&y.workspace?`/${n.config.workspace}`:"")),o}),b=e.ref(""),E=e.computed(()=>{const o=n.config.app==="konnect"||n.config.isExactMatch;if(o)return{isExactMatch:o,placeholder:a("keySets.search.placeholder")};const s={name:V.name};return{isExactMatch:o,fields:s,schema:n.config.filterSchema}}),{fetcher:I,fetcherState:A,fetcherCacheKey:N}=i.useFetcher(e.computed(()=>({...n.config,cacheIdentifier:n.cacheIdentifier})),$),r=()=>{b.value=""},d=()=>{N.value++},l=e.ref(null),p=async(o,s)=>{const y=o.id;if(!await s(y)){ce(o,"id");return}le(o,"id")},ie=async(o,s)=>{const y=JSON.stringify(o);if(!await s(y)){u("copy:error",{entity:o,message:a("keySets.errors.copy")});return}u("copy:success",{entity:o,message:a("keySets.copy.success_brief")})},le=(o,s)=>{u("copy:success",{entity:o,field:s,message:a("keySets.copy.success",{val:o[s]})})},ce=(o,s)=>{u("copy:error",{entity:o,field:s,message:a("keySets.errors.copy")})},de=async o=>{var y;await((y=n.canRetrieve)==null?void 0:y.call(n,o))&&m.push(n.config.getViewRoute(o.id))},fe=o=>({label:a("keySets.actions.view"),to:n.config.getViewRoute(o)}),pe=o=>({label:a("keySets.actions.edit"),to:n.config.getEditRoute(o)}),w=e.ref(void 0),D=e.ref(!1),M=e.ref(!1),W=e.ref(""),ye=i.useDeleteUrlBuilder(n.config,$.value),ue=o=>{w.value=o,D.value=!0},me=()=>{D.value=!1},ge=async()=>{var o,s,y;if((o=w.value)!=null&&o.id){M.value=!0;try{await h.delete(ye(w.value.id)),M.value=!1,D.value=!1,N.value++,u("delete:success",w.value)}catch(C){W.value=((y=(s=C.response)==null?void 0:s.data)==null?void 0:y.message)||C.message||a("keySets.errors.delete"),u("error",C)}finally{M.value=!1}}},ke=()=>{m.push(n.config.createRoute)};e.watch(A,o=>{var s,y,C;if(o.status===i.FetcherStatus.Error){l.value={title:a("keySets.errors.general")},(C=(y=(s=o.error)==null?void 0:s.response)==null?void 0:y.data)!=null&&C.message&&(l.value.message=o.error.response.data.message),u("error",o.error);return}l.value=null});const U=e.ref({ctaPath:n.config.createRoute,ctaText:void 0,message:`${a("keySets.list.empty_state.description")}${n.config.additionMessageForEmptyState?` ${n.config.additionMessageForEmptyState}`:""}`,title:a("keySets.title")});return e.onBeforeMount(async()=>{await n.canCreate()&&(U.value.title=a("keySets.list.empty_state.title"),U.value.ctaText=a("keySets.actions.create"))}),(o,s)=>{const y=e.resolveComponent("KButton"),C=e.resolveComponent("KCopy"),_=e.resolveComponent("KDropdownItem"),G=e.resolveComponent("KClipboardProvider");return e.openBlock(),e.createElementBlock("div",Y,[e.createVNode(e.unref(i.EntityBaseTable),{"cache-identifier":t.cacheIdentifier,"disable-sorting":c.value,"empty-state-options":U.value,"enable-entity-actions":"","error-message":l.value,fetcher:e.unref(I),"fetcher-cache-key":e.unref(N),"pagination-type":"offset","preferences-storage-key":"kong-ui-entities-key-sets-list",query:b.value,"table-headers":e.unref(P),onClearSearchInput:r,"onClick:row":s[3]||(s[3]=f=>de(f)),onSort:d,onState:e.unref(q)},e.createSlots({"toolbar-filter":e.withCtx(()=>[e.createVNode(e.unref(i.EntityFilter),{modelValue:b.value,"onUpdate:modelValue":s[0]||(s[0]=f=>b.value=f),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",v,[x.value?(e.openBlock(),e.createBlock(y,{key:0,appearance:"secondary",class:"open-learning-hub","data-testid":"keys-set-learn-more-button",icon:"",onClick:s[1]||(s[1]=f=>o.$emit("click:learn-more"))},{default:e.withCtx(()=>[e.createVNode(e.unref(B.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(B.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:f})=>[e.createElementVNode("b",null,e.toDisplayString(f??"-"),1)]),tags:e.withCtx(({rowValue:f})=>[e.createVNode(e.unref(i.TableTags),{tags:f},null,8,["tags"])]),id:e.withCtx(({rowValue:f})=>[e.createVNode(C,{text:f,truncate:""},null,8,["text"])]),actions:e.withCtx(({row:f})=>[e.createVNode(G,null,{default:e.withCtx(({copyToClipboard:K})=>[e.createVNode(_,{"data-testid":"action-entity-copy-id",onClick:he=>p(f,K)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)("keySets.actions.copy_id")),1)]),_:2},1032,["onClick"])]),_:2},1024),e.createVNode(G,null,{default:e.withCtx(({copyToClipboard:K})=>[e.createVNode(_,{"data-testid":"action-entity-copy-json",onClick:he=>ie(f,K)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)("keySets.actions.copy_json")),1)]),_:2},1032,["onClick"])]),_:2},1024),e.createVNode(e.unref(i.PermissionsWrapper),{"auth-function":()=>t.canRetrieve(f)},{default:e.withCtx(()=>[e.createVNode(_,{"data-testid":"action-entity-view","has-divider":"",item:fe(f.id)},null,8,["item"])]),_:2},1032,["auth-function"]),e.createVNode(e.unref(i.PermissionsWrapper),{"auth-function":()=>t.canEdit(f)},{default:e.withCtx(()=>[e.createVNode(_,{"data-testid":"action-entity-edit",item:pe(f.id)},null,8,["item"])]),_:2},1032,["auth-function"]),e.createVNode(e.unref(i.PermissionsWrapper),{"auth-function":()=>t.canDelete(f)},{default:e.withCtx(()=>[e.createVNode(_,{danger:"","data-testid":"action-entity-delete","has-divider":"",onClick:K=>ue(f)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)("keySets.actions.delete")),1)]),_:2},1032,["onClick"])]),_:2},1032,["auth-function"])]),_:2},[!b.value&&t.config.app==="konnect"?{name:"empty-state",fn:e.withCtx(()=>{var f;return[e.createVNode(e.unref(i.EntityEmptyState),{"action-button-text":e.unref(a)("keySets.list.empty_state_v2.create_cta"),appearance:"secondary","can-create":()=>t.canCreate(),"data-testid":"key-sets-entity-empty-state",description:e.unref(a)("keySets.list.empty_state_v2.description"),"learn-more":t.config.app==="konnect",title:e.unref(a)("keySets.list.empty_state_v2.title"),"onClick:create":ke,"onClick:learnMore":s[2]||(s[2]=K=>o.$emit("click:learn-more"))},e.createSlots({image:e.withCtx(()=>[e.createElementVNode("div",ee,[e.createVNode(e.unref(B.KeyIcon),{color:e.unref(X),size:e.unref(Z)},null,8,["color","size"])])]),_:2},[(f=t.config)!=null&&f.isControlPlaneGroup?{name:"message",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)("keySets.list.empty_state_v2.group")),1)]),key:"0"}:void 0]),1032,["action-button-text","can-create","description","learn-more","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":M.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:W.value,title:e.unref(a)("keySets.delete.title"),visible:D.value,onCancel:me,onProceed:ge},null,8,["action-pending","description","entity-name","entity-type","error","title","visible"])])}}}),J=(t,S)=>{const u=t.__vccOpts||t;for(const[n,a]of S)u[n]=a;return u},ne=J(te,[["__scopeId","data-v-3da8907e"]]),oe={class:"kong-ui-entities-key-sets-form"},ae=J(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:""}},emits:["update","error","loading"],setup(t,{emit:S}){var N;const u=S,n=t,a=j.useRouter(),{i18n:{t:m}}=F.useI18n(),{getMessageFromError:h}=i.useErrors(),{axiosInstance:k}=i.useAxios((N=n.config)==null?void 0:N.axiosRequestConfig),q=e.computed(()=>T.form[n.config.app].edit),x=e.computed(()=>n.keySetId?i.EntityBaseFormType.Edit:i.EntityBaseFormType.Create),c=e.reactive({fields:{name:"",tags:""},isReadonly:!1,errorMessage:""}),V=e.reactive({name:"",tags:""}),P=e.computed(()=>JSON.stringify(c.fields)!==JSON.stringify(V)&&!!c.fields.name),$=r=>{var d;c.fields.name=(r==null?void 0:r.name)||"",c.fields.tags=((d=r==null?void 0:r.tags)==null?void 0:d.join(", "))||"",Object.assign(V,c.fields)},b=()=>{a.push(n.config.cancelRoute)},E=e.computed(()=>{var d,l;let r=`${n.config.apiBaseUrl}${T.form[n.config.app][x.value]}`;return n.config.app==="konnect"?r=r.replace(/{controlPlaneId}/gi,((d=n.config)==null?void 0:d.controlPlaneId)||""):n.config.app==="kongManager"&&(r=r.replace(/\/{workspace}/gi,(l=n.config)!=null&&l.workspace?`/${n.config.workspace}`:"")),r=r.replace(/{id}/gi,n.keySetId),r}),I=e.computed(()=>{var r,d,l;return{name:c.fields.name,tags:((l=(d=(r=c.fields.tags)==null?void 0:r.split(","))==null?void 0:d.map(p=>String(p||"").trim()))==null?void 0:l.filter(p=>p!==""))||""}}),A=async()=>{var r,d;try{c.isReadonly=!0;let l;if(x.value==="create"?l=await k.post(E.value,I.value):x.value==="edit"&&(l=((r=n.config)==null?void 0:r.app)==="konnect"?await k.put(E.value,I.value):await k.patch(E.value,I.value)),l){const{data:p}=l;c.fields.name=(p==null?void 0:p.name)||"",c.fields.tags=((d=p==null?void 0:p.tags)==null?void 0:d.join(", "))||"",Object.assign(V,c.fields),u("update",l==null?void 0:l.data)}}catch(l){c.errorMessage=h(l),u("error",l)}finally{c.isReadonly=!1}};return(r,d)=>{const l=e.resolveComponent("KInput");return e.openBlock(),e.createElementBlock("div",oe,[e.createVNode(e.unref(i.EntityBaseForm),{"can-submit":P.value,config:t.config,"edit-id":t.keySetId,"entity-type":e.unref(i.SupportedEntityType).KeySet,"error-message":c.errorMessage,"fetch-url":q.value,"form-fields":I.value,"is-readonly":c.isReadonly,onCancel:b,"onFetch:error":d[2]||(d[2]=p=>r.$emit("error",p)),"onFetch:success":$,onLoading:d[3]||(d[3]=p=>r.$emit("loading",p)),onSubmit:A},{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(l,{modelValue:c.fields.name,"onUpdate:modelValue":d[0]||(d[0]=p=>c.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:c.isReadonly,type:"text"},null,8,["modelValue","label","placeholder","readonly"]),e.createVNode(l,{modelValue:c.fields.tags,"onUpdate:modelValue":d[1]||(d[1]=p=>c.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:c.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-a4b01cc5"]]),se={class:"kong-ui-entities-keys-entity-config-card"},re=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}}=F.useI18n(),n=e.computed(()=>T.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",se,[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":n.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=re,g.KeySetForm=ae,g.KeySetList=ne,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})});
+(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,l){"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 F={useI18n:X},R="/v2/control-planes/{controlPlaneId}/core-entities",q="/{workspace}",B={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}}=F.useI18n(),m=L.useRouter(),{axiosInstance:h}=l.useAxios((H=o.config)==null?void 0:H.axiosRequestConfig),{hasRecords:k,handleStateChange:P}=l.useTableState(()=>b.value),_=e.computed(()=>k.value&&o.config.app==="konnect"),c=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}${B.list[o.config.app]}`;return o.config.app==="konnect"?n=n.replace(/{controlPlaneId}/gi,((r=o.config)==null?void 0:r.controlPlaneId)||""):o.config.app==="kongManager"&&(n=n.replace(/\/{workspace}/gi,(y=o.config)!=null&&y.workspace?`/${o.config.workspace}`:"")),n}),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}=l.useFetcher(e.computed(()=>({...o.config,cacheIdentifier:o.cacheIdentifier})),D),s=()=>{b.value=""},d=()=>{x.value++},i=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),$=e.ref(!1),M=e.ref(!1),G=e.ref(""),fe=l.useDeleteUrlBuilder(o.config,D.value),pe=n=>{w.value=n,$.value=!0},ye=()=>{$.value=!1},ue=async()=>{var n,r,y;if((n=w.value)!=null&&n.id){M.value=!0;try{await h.delete(fe(w.value.id)),M.value=!1,$.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{M.value=!1}}},me=()=>{m.push(o.config.createRoute)};e.watch(j,n=>{var r,y,C;if(n.status===l.FetcherStatus.Error){i.value={title:a("keySets.errors.general")},(C=(y=(r=n.error)==null?void 0:r.response)==null?void 0:y.data)!=null&&C.message&&(i.value.message=n.error.response.data.message),u("error",n.error);return}i.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"),K=e.resolveComponent("KDropdownItem"),z=e.resolveComponent("KClipboardProvider");return e.openBlock(),e.createElementBlock("div",Y,[e.createVNode(e.unref(l.EntityBaseTable),{"cache-identifier":t.cacheIdentifier,"disable-sorting":c.value,"empty-state-options":A.value,"enable-entity-actions":"","error-message":i.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:s,"onClick:row":r[3]||(r[3]=f=>le(f)),onSort:d,onState:e.unref(P)},e.createSlots({"toolbar-filter":e.withCtx(()=>[e.createVNode(e.unref(l.EntityFilter),{modelValue:b.value,"onUpdate:modelValue":r[0]||(r[0]=f=>b.value=f),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]=f=>n.$emit("click:learn-more"))},{default:e.withCtx(()=>[e.createVNode(e.unref(I.BookIcon),{decorative:""})]),_:1})):e.createCommentVNode("",!0),e.createVNode(e.unref(l.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:f})=>[e.createElementVNode("b",null,e.toDisplayString(f??"-"),1)]),tags:e.withCtx(({rowValue:f})=>[e.createVNode(e.unref(l.TableTags),{tags:f},null,8,["tags"])]),id:e.withCtx(({rowValue:f})=>[e.createVNode(ge,{text:f,truncate:""},null,8,["text"])]),actions:e.withCtx(({row:f})=>[e.createVNode(z,null,{default:e.withCtx(({copyToClipboard:T})=>[e.createVNode(K,{"data-testid":"action-entity-copy-id",onClick:ke=>p(f,T)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)("keySets.actions.copy_id")),1)]),_:2},1032,["onClick"])]),_:2},1024),e.createVNode(z,null,{default:e.withCtx(({copyToClipboard:T})=>[e.createVNode(K,{"data-testid":"action-entity-copy-json",onClick:ke=>re(f,T)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)("keySets.actions.copy_json")),1)]),_:2},1032,["onClick"])]),_:2},1024),e.createVNode(e.unref(l.PermissionsWrapper),{"auth-function":()=>t.canRetrieve(f)},{default:e.withCtx(()=>[e.createVNode(K,{"data-testid":"action-entity-view","has-divider":"",item:ce(f.id)},null,8,["item"])]),_:2},1032,["auth-function"]),e.createVNode(e.unref(l.PermissionsWrapper),{"auth-function":()=>t.canEdit(f)},{default:e.withCtx(()=>[e.createVNode(K,{"data-testid":"action-entity-edit",item:de(f.id)},null,8,["item"])]),_:2},1032,["auth-function"]),e.createVNode(e.unref(l.PermissionsWrapper),{"auth-function":()=>t.canDelete(f)},{default:e.withCtx(()=>[e.createVNode(K,{danger:"","data-testid":"action-entity-delete","has-divider":"",onClick:T=>pe(f)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)("keySets.actions.delete")),1)]),_:2},1032,["onClick"])]),_:2},1032,["auth-function"])]),_:2},[!b.value&&t.config.app==="konnect"?{name:"empty-state",fn:e.withCtx(()=>{var f;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]=T=>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},[(f=t.config)!=null&&f.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(l.EntityDeleteModal),{"action-pending":M.value,description:e.unref(a)("keySets.delete.description"),"entity-name":w.value&&(w.value.name||w.value.id),"entity-type":e.unref(l.EntityTypes).KeySet,error:G.value,title:e.unref(a)("keySets.delete.title"),visible:$.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-afe99dbd"]]),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:""}},emits:["update","error","loading"],setup(t,{emit:S}){var x;const u=S,o=t,a=L.useRouter(),{i18n:{t:m}}=F.useI18n(),{getMessageFromError:h}=l.useErrors(),{axiosInstance:k}=l.useAxios((x=o.config)==null?void 0:x.axiosRequestConfig),P=e.computed(()=>B.form[o.config.app].edit),_=e.computed(()=>o.keySetId?l.EntityBaseFormType.Edit:l.EntityBaseFormType.Create),c=e.reactive({fields:{name:"",tags:""},isReadonly:!1,errorMessage:""}),V=e.reactive({name:"",tags:""}),O=e.computed(()=>JSON.stringify(c.fields)!==JSON.stringify(V)&&!!c.fields.name),D=s=>{var d;c.fields.name=(s==null?void 0:s.name)||"",c.fields.tags=((d=s==null?void 0:s.tags)==null?void 0:d.join(", "))||"",Object.assign(V,c.fields)},b=()=>{a.push(o.config.cancelRoute)},E=e.computed(()=>{var d,i;let s=`${o.config.apiBaseUrl}${B.form[o.config.app][_.value]}`;return o.config.app==="konnect"?s=s.replace(/{controlPlaneId}/gi,((d=o.config)==null?void 0:d.controlPlaneId)||""):o.config.app==="kongManager"&&(s=s.replace(/\/{workspace}/gi,(i=o.config)!=null&&i.workspace?`/${o.config.workspace}`:"")),s=s.replace(/{id}/gi,o.keySetId),s}),N=e.computed(()=>{var s,d,i;return{name:c.fields.name,tags:((i=(d=(s=c.fields.tags)==null?void 0:s.split(","))==null?void 0:d.map(p=>String(p||"").trim()))==null?void 0:i.filter(p=>p!==""))||""}}),j=async()=>{var s,d;try{c.isReadonly=!0;let i;if(_.value==="create"?i=await k.post(E.value,N.value):_.value==="edit"&&(i=((s=o.config)==null?void 0:s.app)==="konnect"?await k.put(E.value,N.value):await k.patch(E.value,N.value)),i){const{data:p}=i;c.fields.name=(p==null?void 0:p.name)||"",c.fields.tags=((d=p==null?void 0:p.tags)==null?void 0:d.join(", "))||"",Object.assign(V,c.fields),u("update",i==null?void 0:i.data)}}catch(i){c.errorMessage=h(i),u("error",i)}finally{c.isReadonly=!1}};return(s,d)=>{const i=e.resolveComponent("KInput");return e.openBlock(),e.createElementBlock("div",te,[e.createVNode(e.unref(l.EntityBaseForm),{"can-submit":O.value,config:t.config,"edit-id":t.keySetId,"entity-type":e.unref(l.SupportedEntityType).KeySet,"error-message":c.errorMessage,"fetch-url":P.value,"form-fields":N.value,"is-readonly":c.isReadonly,onCancel:b,"onFetch:error":d[2]||(d[2]=p=>s.$emit("error",p)),"onFetch:success":D,onLoading:d[3]||(d[3]=p=>s.$emit("loading",p)),onSubmit:j},{default:e.withCtx(()=>[e.createVNode(e.unref(l.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(i,{modelValue:c.fields.name,"onUpdate:modelValue":d[0]||(d[0]=p=>c.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:c.isReadonly,type:"text"},null,8,["modelValue","label","placeholder","readonly"]),e.createVNode(i,{modelValue:c.fields.tags,"onUpdate:modelValue":d[1]||(d[1]=p=>c.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:c.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-a4b01cc5"]]),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}}=F.useI18n(),o=e.computed(()=>B.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(l.EntityBaseConfigCard),{config:t.config,"config-card-doc":t.configCardDoc,"config-schema":a.value,"entity-type":e.unref(l.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"})});

package/dist/style.css

@@ -1 +1 @@
-.config-card-fieldset[data-v-dc1e39a1]{border:solid 1px #e0e4ea;border-radius:4px;margin-bottom:8px;margin-top:4px}.config-card-fieldset-title[data-v-dc1e39a1]{font-size:14px;padding:0 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}.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-5f9aa0e8]{align-items:center;border-bottom:var(--2f90d7f7);box-sizing:border-box;display:var(--668a792a);padding:16px 16px 16px 0;width:100%}.config-card-details-row .config-card-details-label[data-v-5f9aa0e8]{box-sizing:border-box;padding-right:16px;width:var(--5bc9ad14)}.config-card-details-row .config-card-details-label label[data-v-5f9aa0e8]{color:#3a3f51;display:inline-flex;max-width:100%}.config-card-details-row .config-card-details-label label .label-content[data-v-5f9aa0e8]{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-5f9aa0e8]{min-width:0}.config-card-details-row .config-card-details-value[data-v-5f9aa0e8]{box-sizing:border-box;width:var(--5bc5215e)}.config-card-details-row .config-card-details-value .truncated[data-v-5f9aa0e8]{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-5f9aa0e8]{overflow-wrap:anywhere}.config-card-details-row .config-card-details-value .copy-uuid-array[data-v-5f9aa0e8] .k-copy:not(:last-of-type){margin-bottom:8px}.config-card-details-row .config-card-details-value .method-badge-array[data-v-5f9aa0e8]{display:flex;flex-wrap:wrap;row-gap:10px}.config-card-details-row .config-badge[data-v-5f9aa0e8]{margin-right:4px}.config-card-details-row[data-v-5f9aa0e8] .k-label{margin-bottom:0}.config-card-details-row[data-v-5f9aa0e8] .k-label .kong-icon-infoFilled{display:flex}.config-card-details-row[data-v-5f9aa0e8] .config-card-details-row{width:auto}.json-content.k-code-block{border-top-left-radius:0;border-top-right-radius:0}.json-endpoint{align-items:baseline;background-color:#000933;border-bottom:1px solid rgba(255,255,255,.2);border-top-left-radius:8px;border-top-right-radius:8px;display:flex;padding:8px 0 8px 12px}.json-endpoint .k-code-block{flex:auto;z-index:2}.json-endpoint .k-code-block .code-block-content{padding-bottom:0;padding-top:0}.json-endpoint .k-code-block .code-block-secondary-actions{margin-top:0!important}.json-endpoint code{direction:rtl;max-width:var(--eca0976a);overflow:hidden!important;text-align:left;text-overflow:ellipsis;white-space:nowrap}.config-card-prop-section-title[data-v-d67757a9]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card .config-card-actions[data-v-9b9ea6f9]{align-items:center;display:flex}.kong-ui-entity-base-config-card .config-card-actions .config-format-select-label[data-v-9b9ea6f9]{margin-bottom:0;margin-right:8px}.kong-ui-entity-base-config-card .config-card-prop-section-title[data-v-9b9ea6f9]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card[data-v-9b9ea6f9] .config-card-details-row:last-of-type{border-bottom:none}.kong-ui-entity-base-config-card .book-icon[data-v-9b9ea6f9]{margin-left:8px;padding:0}.kong-ui-entity-base-form[data-v-612b1eac]{box-sizing:border-box;max-width:1536px;width:100%}.kong-ui-entity-base-form[data-v-612b1eac] .k-slideout-title{color:#000933!important;font-size:24px!important;font-weight:700!important;line-height:32px!important;margin-bottom:16px!important}.kong-ui-entity-base-form[data-v-612b1eac] .k-card.content-card{padding:0 16px!important}.kong-ui-entity-base-form[data-v-612b1eac] .tab-item>div.tab-link.has-panels{color:#6c7489!important;font-size:14px!important;font-weight:700!important;line-height:24px!important}.kong-ui-entity-base-form[data-v-612b1eac] .tab-item.active>div.tab-link.has-panels{color:#000933!important;font-weight:600!important}.form-actions[data-v-612b1eac]{align-items:center;display:flex;justify-content:flex-end;margin-top:24px}.form-actions[data-v-612b1eac] .k-button:last-of-type,.form-actions[data-v-612b1eac] .k-button:nth-last-of-type(2){margin-left:16px}.form-actions-reverted[data-v-612b1eac]{direction:rtl}.content-wrapper[data-v-a3a65cac] .k-tooltip{word-break:break-all}.kong-ui-entity-base-table .toolbar-container[data-v-d86d3e31]{align-items:center;display:flex;width:100%}.kong-ui-entity-base-table .toolbar-button-container[data-v-d86d3e31]{margin-left:auto}.kong-ui-entity-base-table .hidden[data-v-d86d3e31]{display:none}.kong-ui-entity-base-table[data-v-d86d3e31] .empty-state-icon-gateway{background-color:#ecfcff;border-radius:4px;padding:8px}.kong-ui-entity-base-table :deep(.k-table){table-layout:fixed}.kong-ui-entity-delete-modal .message[data-v-4361d622],.kong-ui-entity-delete-modal .description[data-v-4361d622]{line-height:24px;margin:0}.kong-ui-entity-delete-modal .message strong[data-v-4361d622]{font-weight:600}.kong-ui-entity-delete-modal .description[data-v-4361d622]{margin-top:32px}.kong-ui-entity-delete-error[data-v-4361d622]{margin-bottom:16px}.kong-ui-entity-filter-input[data-v-084f7978]{width:100%}.kong-ui-entity-filter-clear[data-v-084f7978]{cursor:pointer}.kong-ui-entity-filter[data-v-084f7978]{display:flex;position:relative}.kong-ui-entity-filter[data-v-084f7978] .menu-content{flex-direction:column}.kong-ui-entity-filter[data-v-084f7978] .k-menu-item-divider hr{margin:12px 0}.kong-ui-entity-filter-backdrop[data-v-084f7978]{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1050}.kong-ui-entity-filter-menu[data-v-084f7978]{background-color:#fff;border:1px solid #afb7c5;border-radius:4px;box-shadow:0 4px 20px #e0e4ea;left:0;margin-top:16px;padding:8px 0 12px;position:absolute;top:100%;width:300px;z-index:1060}.kong-ui-entity-filter-menu-item[data-v-084f7978]{border-bottom:1px solid #e0e4ea;color:#6c7489;font-size:12px;font-weight:400;line-height:16px;list-style:none;margin:0 20px;padding:16px 0;position:relative;white-space:nowrap}.menu-item-title[data-v-084f7978]{align-items:center;cursor:pointer;display:flex;line-height:24px}.menu-item-title.expanded[data-v-084f7978]{color:#232633}.menu-item-expand-icon[data-v-084f7978]{margin-left:auto}.menu-item-expand-icon.expanded[data-v-084f7978]{transform:rotate(180deg)}.menu-item-indicator[data-v-084f7978]{background-color:#0044f4;border-radius:50%;height:4px;margin-left:4px;width:4px}.menu-item-body[data-v-084f7978]{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.menu-item-body[data-v-084f7978] .input{padding-bottom:4px!important;padding-top:4px!important}.menu-item-body[data-v-084f7978] .k-input{width:100%}.menu-item-body[data-v-084f7978] .k-select-input .input{font-size:12px}.menu-item-body[data-v-084f7978] .k-select-input .input::placeholder{color:#00000073!important;font-size:12px}.menu-item-label[data-v-084f7978]{margin-bottom:0;margin-right:12px}.menu-item-buttons[data-v-084f7978]{display:flex;justify-content:space-between;margin:10px 0 6px}.filter-clear-button-container[data-v-084f7978]{padding:12px 20px 0}fieldset[data-v-b1f74200]{margin:0;min-width:0;padding:0}.kong-ui-entity-form-section[data-v-b1f74200]{border:0}.kong-ui-entity-form-section .form-section-wrapper[data-v-b1f74200]{column-gap:16px;display:flex;flex-direction:column;padding-bottom:64px;row-gap:12px;width:100%}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper[data-v-b1f74200]{flex-direction:row}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-b1f74200]{flex:1}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-b1f74200]{max-width:350px}.kong-ui-entity-form-section .form-section-wrapper .form-section-info.sticky[data-v-b1f74200]{height:fit-content;margin-bottom:16px;position:sticky;top:16px}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-title[data-v-b1f74200]{color:#000933;font-size:16px;font-weight:700;line-height:20px;margin-bottom:8px;margin-top:0}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-b1f74200],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description p[data-v-b1f74200],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-b1f74200] p{color:#000933;font-size: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-b1f74200]{margin-top:32px}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-b1f74200]{flex:1}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-b1f74200]>*:not(:first-child){margin-top:24px}.kong-ui-entity-form-section.has-divider .form-section-wrapper[data-v-b1f74200]{border-bottom:1px solid #e0e4ea}.ff-form-section .header[data-v-cb6d2e95]{align-items:flex-start;display:flex;gap:8px}.ff-form-section .step[data-v-cb6d2e95]{align-items:center;background:#fff;border:1px solid #afb7c5;border-radius:100px;display:flex;flex:0 0 auto;height:32px;justify-content:center;padding:4px;width:32px}.ff-form-section .header-content[data-v-cb6d2e95]{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;gap:8px;padding-top:4px}.ff-form-section .header-title[data-v-cb6d2e95]{color:#000933;font-size:18px;font-weight:700;line-height:24px;margin:0}.ff-form-section .header-description[data-v-cb6d2e95]{color:#52596e;font-size:14px;line-height:20px;margin:0}.ff-form-section .header-extra[data-v-cb6d2e95]{align-items:center;display:flex;flex:0 0 auto;gap:8px;justify-content:flex-end}.ff-form-section .content[data-v-cb6d2e95]{background:#f9fafb;border:1px solid #e0e4ea;border-radius:6px;display:flex;flex-direction:column;gap:20px;margin-left:16px;margin-top:20px;padding:20px 24px}.kong-ui-public-entity-link[data-v-96efdfa5]{align-items:center;display:flex}.kong-ui-public-entity-link .deleted-entity[data-v-96efdfa5]{font-style:italic}.kong-ui-public-entity-link .entity-link[data-v-96efdfa5]{display:flex;flex:1}.kong-ui-public-entity-link .entity-link[data-v-96efdfa5] .external-link-icon{color:#0044f4;margin-left:4px;padding:2px}.kong-ui-public-entity-link .entity-link-label[data-v-96efdfa5]{display:inline-block;font-weight:400;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kong-ui-public-entity-link .copy-uuid-tooltip[data-v-96efdfa5]{align-items:center;cursor:pointer;display:flex}.kong-ui-public-entity-link .copy-uuid-tooltip .entity-link-copy-id[data-v-96efdfa5]{margin-left:2px}.kong-ui-public-entity-empty-state[data-v-b6376b66]{align-items:center;background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;font-family:Inter,Roboto,Helvetica,sans-serif;gap:24px;padding:64px 0;width:100%}@media (min-width: 640px){.kong-ui-public-entity-empty-state[data-v-b6376b66]{padding:64px 96px}}.kong-ui-public-entity-empty-state .empty-state-image[data-v-b6376b66]{margin-bottom:8px}.kong-ui-public-entity-empty-state .entity-empty-state-content[data-v-b6376b66]{align-items:center;display:flex;flex-direction:column;gap:8px;text-align:center;width:100%}.kong-ui-public-entity-empty-state .entity-empty-state-content .entity-empty-state-title h1[data-v-b6376b66]{align-items:center;color:#000933;display:flex;font-size:24px;font-weight:700;gap:8px;line-height:32px;margin:0}.kong-ui-public-entity-empty-state .entity-empty-state-content .entity-empty-state-title h1.secondary[data-v-b6376b66]{font-size:18px}.kong-ui-public-entity-empty-state .entity-empty-state-description[data-v-b6376b66],.kong-ui-public-entity-empty-state .entity-empty-state-pricing[data-v-b6376b66]{color:#52596e;font-size:14px;font-weight:400;line-height:20px;max-width:640px}.kong-ui-public-entity-empty-state .entity-empty-state-description p[data-v-b6376b66],.kong-ui-public-entity-empty-state .entity-empty-state-pricing p[data-v-b6376b66]{margin:0}.kong-ui-public-entity-empty-state .entity-empty-state-pricing[data-v-b6376b66]{margin-top:16px}.kong-ui-public-entity-empty-state .entity-empty-state-message[data-v-b6376b66]{color:#52596e}.kong-ui-public-entity-empty-state .entity-empty-state-action[data-v-b6376b66]{align-items:center;display:flex;gap:12px}.kong-ui-public-entity-empty-state .entity-empty-state-card-container[data-v-b6376b66]{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-around;margin-top:8px;width:312px}@media (min-width: 640px){.kong-ui-public-entity-empty-state .entity-empty-state-card-container[data-v-b6376b66]{width:640px}}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-b6376b66]{background-color:#f9fafb;border:1px solid #e0e4ea;border-radius:6px;color:#afb7c5;gap:8px;height:160px;padding:20px;width:312px}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card .feature-icon[data-v-b6376b66]{color:#3a3f51;display:flex;margin-bottom:12px}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card .feature-icon[data-v-b6376b66] .kui-icon{height:20px!important;width:20px!important}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-b6376b66] .card-title{font-size:14px;font-weight:600}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-b6376b66] .card-content{-webkit-box-orient:vertical;color:#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-b6376b66]{border-top:1px solid #e0e4ea;display:flex;flex-direction:column;gap:16px;padding-top:48px;width:100%}@media (min-width: 640px){.kong-ui-public-entity-empty-state .entity-empty-state-bottom-container[data-v-b6376b66]{width:640px}}.button-row[data-v-3da8907e]{align-items:center;display:flex;gap:12px}.kong-ui-entities-key-sets-list[data-v-3da8907e]{width:100%}.kong-ui-entities-key-sets-list .kong-ui-entity-filter-input[data-v-3da8907e]{margin-right:12px}.kong-ui-entities-key-sets-form[data-v-a4b01cc5]{width:100%}
+.config-card-fieldset[data-v-dc1e39a1]{border:solid 1px #e0e4ea;border-radius:4px;margin-bottom:8px;margin-top:4px}.config-card-fieldset-title[data-v-dc1e39a1]{font-size:14px;padding:0 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}.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-5f9aa0e8]{align-items:center;border-bottom:var(--2f90d7f7);box-sizing:border-box;display:var(--668a792a);padding:16px 16px 16px 0;width:100%}.config-card-details-row .config-card-details-label[data-v-5f9aa0e8]{box-sizing:border-box;padding-right:16px;width:var(--5bc9ad14)}.config-card-details-row .config-card-details-label label[data-v-5f9aa0e8]{color:#3a3f51;display:inline-flex;max-width:100%}.config-card-details-row .config-card-details-label label .label-content[data-v-5f9aa0e8]{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-5f9aa0e8]{min-width:0}.config-card-details-row .config-card-details-value[data-v-5f9aa0e8]{box-sizing:border-box;width:var(--5bc5215e)}.config-card-details-row .config-card-details-value .truncated[data-v-5f9aa0e8]{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-5f9aa0e8]{overflow-wrap:anywhere}.config-card-details-row .config-card-details-value .copy-uuid-array[data-v-5f9aa0e8] .k-copy:not(:last-of-type){margin-bottom:8px}.config-card-details-row .config-card-details-value .method-badge-array[data-v-5f9aa0e8]{display:flex;flex-wrap:wrap;row-gap:10px}.config-card-details-row .config-badge[data-v-5f9aa0e8]{margin-right:4px}.config-card-details-row[data-v-5f9aa0e8] .k-label{margin-bottom:0}.config-card-details-row[data-v-5f9aa0e8] .k-label .kong-icon-infoFilled{display:flex}.config-card-details-row[data-v-5f9aa0e8] .config-card-details-row{width:auto}.json-content.k-code-block{border-top-left-radius:0;border-top-right-radius:0}.json-endpoint{align-items:baseline;background-color:#000933;border-bottom:1px solid rgba(255,255,255,.2);border-top-left-radius:8px;border-top-right-radius:8px;display:flex;padding:8px 0 8px 12px}.json-endpoint .k-code-block{flex:auto;z-index:2}.json-endpoint .k-code-block .code-block-content{padding-bottom:0;padding-top:0}.json-endpoint .k-code-block .code-block-secondary-actions{margin-top:0!important}.json-endpoint code{direction:rtl;max-width:var(--eca0976a);overflow:hidden!important;text-align:left;text-overflow:ellipsis;white-space:nowrap}.config-card-prop-section-title[data-v-d67757a9]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card .config-card-actions[data-v-9b9ea6f9]{align-items:center;display:flex}.kong-ui-entity-base-config-card .config-card-actions .config-format-select-label[data-v-9b9ea6f9]{margin-bottom:0;margin-right:8px}.kong-ui-entity-base-config-card .config-card-prop-section-title[data-v-9b9ea6f9]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card[data-v-9b9ea6f9] .config-card-details-row:last-of-type{border-bottom:none}.kong-ui-entity-base-config-card .book-icon[data-v-9b9ea6f9]{margin-left:8px;padding:0}.kong-ui-entity-base-form[data-v-612b1eac]{box-sizing:border-box;max-width:1536px;width:100%}.kong-ui-entity-base-form[data-v-612b1eac] .k-slideout-title{color:#000933!important;font-size:24px!important;font-weight:700!important;line-height:32px!important;margin-bottom:16px!important}.kong-ui-entity-base-form[data-v-612b1eac] .k-card.content-card{padding:0 16px!important}.kong-ui-entity-base-form[data-v-612b1eac] .tab-item>div.tab-link.has-panels{color:#6c7489!important;font-size:14px!important;font-weight:700!important;line-height:24px!important}.kong-ui-entity-base-form[data-v-612b1eac] .tab-item.active>div.tab-link.has-panels{color:#000933!important;font-weight:600!important}.form-actions[data-v-612b1eac]{align-items:center;display:flex;justify-content:flex-end;margin-top:24px}.form-actions[data-v-612b1eac] .k-button:last-of-type,.form-actions[data-v-612b1eac] .k-button:nth-last-of-type(2){margin-left:16px}.form-actions-reverted[data-v-612b1eac]{direction:rtl}.content-wrapper[data-v-a3a65cac] .k-tooltip{word-break:break-all}.kong-ui-entity-base-table .toolbar-container[data-v-44153100]{align-items:center;display:flex;width:100%}.kong-ui-entity-base-table .toolbar-button-container[data-v-44153100]{margin-left:auto}.kong-ui-entity-base-table .hidden[data-v-44153100]{display:none}.kong-ui-entity-base-table :deep(.k-table){table-layout:fixed}.kong-ui-entity-delete-modal .message[data-v-4361d622],.kong-ui-entity-delete-modal .description[data-v-4361d622]{line-height:24px;margin:0}.kong-ui-entity-delete-modal .message strong[data-v-4361d622]{font-weight:600}.kong-ui-entity-delete-modal .description[data-v-4361d622]{margin-top:32px}.kong-ui-entity-delete-error[data-v-4361d622]{margin-bottom:16px}.kong-ui-entity-filter-input[data-v-084f7978]{width:100%}.kong-ui-entity-filter-clear[data-v-084f7978]{cursor:pointer}.kong-ui-entity-filter[data-v-084f7978]{display:flex;position:relative}.kong-ui-entity-filter[data-v-084f7978] .menu-content{flex-direction:column}.kong-ui-entity-filter[data-v-084f7978] .k-menu-item-divider hr{margin:12px 0}.kong-ui-entity-filter-backdrop[data-v-084f7978]{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1050}.kong-ui-entity-filter-menu[data-v-084f7978]{background-color:#fff;border:1px solid #afb7c5;border-radius:4px;box-shadow:0 4px 20px #e0e4ea;left:0;margin-top:16px;padding:8px 0 12px;position:absolute;top:100%;width:300px;z-index:1060}.kong-ui-entity-filter-menu-item[data-v-084f7978]{border-bottom:1px solid #e0e4ea;color:#6c7489;font-size:12px;font-weight:400;line-height:16px;list-style:none;margin:0 20px;padding:16px 0;position:relative;white-space:nowrap}.menu-item-title[data-v-084f7978]{align-items:center;cursor:pointer;display:flex;line-height:24px}.menu-item-title.expanded[data-v-084f7978]{color:#232633}.menu-item-expand-icon[data-v-084f7978]{margin-left:auto}.menu-item-expand-icon.expanded[data-v-084f7978]{transform:rotate(180deg)}.menu-item-indicator[data-v-084f7978]{background-color:#0044f4;border-radius:50%;height:4px;margin-left:4px;width:4px}.menu-item-body[data-v-084f7978]{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.menu-item-body[data-v-084f7978] .input{padding-bottom:4px!important;padding-top:4px!important}.menu-item-body[data-v-084f7978] .k-input{width:100%}.menu-item-body[data-v-084f7978] .k-select-input .input{font-size:12px}.menu-item-body[data-v-084f7978] .k-select-input .input::placeholder{color:#00000073!important;font-size:12px}.menu-item-label[data-v-084f7978]{margin-bottom:0;margin-right:12px}.menu-item-buttons[data-v-084f7978]{display:flex;justify-content:space-between;margin:10px 0 6px}.filter-clear-button-container[data-v-084f7978]{padding:12px 20px 0}fieldset[data-v-b1f74200]{margin:0;min-width:0;padding:0}.kong-ui-entity-form-section[data-v-b1f74200]{border:0}.kong-ui-entity-form-section .form-section-wrapper[data-v-b1f74200]{column-gap:16px;display:flex;flex-direction:column;padding-bottom:64px;row-gap:12px;width:100%}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper[data-v-b1f74200]{flex-direction:row}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-b1f74200]{flex:1}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-b1f74200]{max-width:350px}.kong-ui-entity-form-section .form-section-wrapper .form-section-info.sticky[data-v-b1f74200]{height:fit-content;margin-bottom:16px;position:sticky;top:16px}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-title[data-v-b1f74200]{color:#000933;font-size:16px;font-weight:700;line-height:20px;margin-bottom:8px;margin-top:0}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-b1f74200],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description p[data-v-b1f74200],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-b1f74200] p{color:#000933;font-size: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-b1f74200]{margin-top:32px}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-b1f74200]{flex:1}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-b1f74200]>*:not(:first-child){margin-top:24px}.kong-ui-entity-form-section.has-divider .form-section-wrapper[data-v-b1f74200]{border-bottom:1px solid #e0e4ea}.ff-form-section .header[data-v-cb6d2e95]{align-items:flex-start;display:flex;gap:8px}.ff-form-section .step[data-v-cb6d2e95]{align-items:center;background:#fff;border:1px solid #afb7c5;border-radius:100px;display:flex;flex:0 0 auto;height:32px;justify-content:center;padding:4px;width:32px}.ff-form-section .header-content[data-v-cb6d2e95]{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;gap:8px;padding-top:4px}.ff-form-section .header-title[data-v-cb6d2e95]{color:#000933;font-size:18px;font-weight:700;line-height:24px;margin:0}.ff-form-section .header-description[data-v-cb6d2e95]{color:#52596e;font-size:14px;line-height:20px;margin:0}.ff-form-section .header-extra[data-v-cb6d2e95]{align-items:center;display:flex;flex:0 0 auto;gap:8px;justify-content:flex-end}.ff-form-section .content[data-v-cb6d2e95]{background:#f9fafb;border:1px solid #e0e4ea;border-radius:6px;display:flex;flex-direction:column;gap:20px;margin-left:16px;margin-top:20px;padding:20px 24px}.kong-ui-public-entity-link[data-v-96efdfa5]{align-items:center;display:flex}.kong-ui-public-entity-link .deleted-entity[data-v-96efdfa5]{font-style:italic}.kong-ui-public-entity-link .entity-link[data-v-96efdfa5]{display:flex;flex:1}.kong-ui-public-entity-link .entity-link[data-v-96efdfa5] .external-link-icon{color:#0044f4;margin-left:4px;padding:2px}.kong-ui-public-entity-link .entity-link-label[data-v-96efdfa5]{display:inline-block;font-weight:400;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kong-ui-public-entity-link .copy-uuid-tooltip[data-v-96efdfa5]{align-items:center;cursor:pointer;display:flex}.kong-ui-public-entity-link .copy-uuid-tooltip .entity-link-copy-id[data-v-96efdfa5]{margin-left:2px}.kong-ui-public-entity-empty-state[data-v-645aae54]{align-items:center;background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;font-family:Inter,Roboto,Helvetica,sans-serif;gap:24px;padding:64px 0;width:100%}@media (min-width: 640px){.kong-ui-public-entity-empty-state[data-v-645aae54]{padding:64px 96px}}.kong-ui-public-entity-empty-state .empty-state-image[data-v-645aae54]{margin-bottom:8px}.kong-ui-public-entity-empty-state .entity-empty-state-content[data-v-645aae54]{align-items:center;display:flex;flex-direction:column;gap:8px;text-align:center;width:100%}.kong-ui-public-entity-empty-state .entity-empty-state-content .entity-empty-state-title h1[data-v-645aae54]{align-items:center;color:#000933;display:flex;font-size:24px;font-weight:700;gap:8px;line-height:32px;margin:0}.kong-ui-public-entity-empty-state .entity-empty-state-content .entity-empty-state-title h1.secondary[data-v-645aae54]{font-size:18px}.kong-ui-public-entity-empty-state .entity-empty-state-description[data-v-645aae54],.kong-ui-public-entity-empty-state .entity-empty-state-pricing[data-v-645aae54]{color:#52596e;font-size:14px;font-weight:400;line-height:20px;max-width:640px}.kong-ui-public-entity-empty-state .entity-empty-state-description p[data-v-645aae54],.kong-ui-public-entity-empty-state .entity-empty-state-pricing p[data-v-645aae54]{margin:0}.kong-ui-public-entity-empty-state .entity-empty-state-pricing[data-v-645aae54]{margin-top:16px}.kong-ui-public-entity-empty-state .entity-empty-state-message[data-v-645aae54]{color:#52596e}.kong-ui-public-entity-empty-state .entity-empty-state-action[data-v-645aae54]{align-items:center;display:flex;gap:12px}.kong-ui-public-entity-empty-state .entity-empty-state-card-container[data-v-645aae54]{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-around;margin-top:8px;width:312px}@media (min-width: 640px){.kong-ui-public-entity-empty-state .entity-empty-state-card-container[data-v-645aae54]{width:640px}}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-645aae54]{background-color:#f9fafb;border:1px solid #e0e4ea;border-radius:6px;color:#afb7c5;gap:8px;height:160px;padding:20px;width:312px}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card .feature-icon[data-v-645aae54]{color:#3a3f51;display:flex;margin-bottom:12px}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card .feature-icon[data-v-645aae54] .kui-icon{height:20px!important;width:20px!important}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-645aae54] .card-title{font-size:14px;font-weight:600}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-645aae54] .card-content{-webkit-box-orient:vertical;color:#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-645aae54]{border-top:1px solid #e0e4ea;display:flex;flex-direction:column;gap:16px;padding-top:48px;width:100%}@media (min-width: 640px){.kong-ui-public-entity-empty-state .entity-empty-state-bottom-container[data-v-645aae54]{width:640px}}.button-row[data-v-afe99dbd]{align-items:center;display:flex;gap:12px}.kong-ui-entities-key-sets-list[data-v-afe99dbd]{width:100%}.kong-ui-entities-key-sets-list .kong-ui-entity-filter-input[data-v-afe99dbd]{margin-right:12px}.kong-ui-entities-key-sets-form[data-v-a4b01cc5]{width:100%}

package/dist/types/components/KeySetList.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KeySetList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/KeySetList.vue"],"names":[],"mappings":"AAuhBA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAEnC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAoBvC,OAAO,KAAK,EACV,2BAA2B,EAC3B,uBAAuB,EACvB,SAAS,EACT,gBAAgB,EACjB,MAAM,UAAU,CAAA;AASjB,OAAO,gDAAgD,CAAA;;IAg+BrD,oHAAoH;;cAElG,QAAQ,CAAC,uBAAuB,GAAG,2BAA2B,CAAC;;4BAE3D,uBAAuB,GAAG,2BAA2B,KAAG,OAAO;;;;;;IAYrF,yHAAyH;;cAErG,QAAQ,CAAC,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI9D,2HAA2H;;cAEvG,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,yHAAyH;;cAErG,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,4IAA4I;;cAExH,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,iHAAiH;;;;;;;;;;;;IAxCjH,oHAAoH;;cAElG,QAAQ,CAAC,uBAAuB,GAAG,2BAA2B,CAAC;;4BAE3D,uBAAuB,GAAG,2BAA2B,KAAG,OAAO;;;;;;IAYrF,yHAAyH;;cAErG,QAAQ,CAAC,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI9D,2HAA2H;;cAEvG,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,yHAAyH;;cAErG,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,4IAA4I;;cAExH,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,iHAAiH;;;;;;;;;;;;;qBAtB9E,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;qBAM1B,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;mBAMxC,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;uBAMxC,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;;;AAzC7E,wBAmDG"}
+{"version":3,"file":"KeySetList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/KeySetList.vue"],"names":[],"mappings":"AAiiBA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAEnC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAkBvC,OAAO,KAAK,EACV,2BAA2B,EAC3B,uBAAuB,EACvB,SAAS,EACT,gBAAgB,EACjB,MAAM,UAAU,CAAA;AASjB,OAAO,gDAAgD,CAAA;;IAuhCrD,oHAAoH;;cAElG,QAAQ,CAAC,uBAAuB,GAAG,2BAA2B,CAAC;;4BAE3D,uBAAuB,GAAG,2BAA2B,KAAG,OAAO;;;;;;IAYrF,yHAAyH;;cAErG,QAAQ,CAAC,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI9D,2HAA2H;;cAEvG,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,yHAAyH;;cAErG,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,4IAA4I;;cAExH,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,iHAAiH;;;;;;;;;;;;IAxCjH,oHAAoH;;cAElG,QAAQ,CAAC,uBAAuB,GAAG,2BAA2B,CAAC;;4BAE3D,uBAAuB,GAAG,2BAA2B,KAAG,OAAO;;;;;;IAYrF,yHAAyH;;cAErG,QAAQ,CAAC,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI9D,2HAA2H;;cAEvG,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,yHAAyH;;cAErG,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,4IAA4I;;cAExH,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,iHAAiH;;;;;;;;;;;;;qBAtB9E,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;qBAM1B,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;mBAMxC,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;uBAMxC,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;;;AAzC7E,wBAmDG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/entities-key-sets",
-  "version": "3.8.8",
+  "version": "3.8.10",
   "type": "module",
   "main": "./dist/entities-key-sets.umd.js",
   "module": "./dist/entities-key-sets.es.js",
@@ -21,21 +21,21 @@
     "access": "public"
   },
   "peerDependencies": {
-    "@kong/icons": "^1.31.0",
-    "@kong/kongponents": "^9.34.2",
+    "@kong/icons": "^1.36.0",
+    "@kong/kongponents": "^9.38.8",
     "axios": "^1.11.0",
     "vue": ">= 3.3.13 < 4",
     "vue-router": "^4.4.5",
-    "@kong-ui-public/entities-shared": "^3.27.7",
+    "@kong-ui-public/entities-shared": "^3.27.9",
     "@kong-ui-public/i18n": "^2.4.4"
   },
   "devDependencies": {
-    "@kong/icons": "^1.33.2",
-    "@kong/kongponents": "9.38.4",
+    "@kong/icons": "^1.36.0",
+    "@kong/kongponents": "9.38.8",
     "axios": "^1.7.7",
     "vue": "^3.5.13",
     "vue-router": "^4.4.5",
-    "@kong-ui-public/entities-shared": "^3.27.7",
+    "@kong-ui-public/entities-shared": "^3.27.9",
     "@kong-ui-public/i18n": "^2.4.4"
   },
   "repository": {