@kong-ui-public/entities-key-sets 3.5.54 → 3.5.55

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

@@ -1,9 +1,9 @@
-import { defineComponent as G, ref as h, computed as b, watch as ge, onBeforeMount as ke, resolveComponent as R, openBlock as O, createElementBlock as W, createVNode as l, unref as o, withCtx as p, createBlock as he, Teleport as ve, withDirectives as be, createTextVNode as V, toDisplayString as _, vShow as Se, createElementVNode as Ce, reactive as ee } from "vue";
-import { AddIcon as Ie } from "@kong/icons";
-import { useRouter as oe } from "vue-router";
-import { createI18n as we, i18nTComponent as Ee } from "@kong-ui-public/i18n";
-import { useAxios as se, useFetcher as Me, useDeleteUrlBuilder as Ke, FetcherStatus as te, EntityBaseTable as De, EntityFilter as $e, PermissionsWrapper as q, TableTags as Fe, EntityDeleteModal as _e, EntityTypes as Re, useErrors as Te, EntityBaseFormType as ae, EntityBaseForm as Be, SupportedEntityType as ne, EntityFormSection as xe, EntityBaseConfigCard as Ve } from "@kong-ui-public/entities-shared";
-const qe = {
+import { defineComponent as G, ref as v, computed as S, watch as pe, onBeforeMount as ye, resolveComponent as R, openBlock as O, createElementBlock as W, createVNode as l, unref as o, withCtx as p, createBlock as me, Teleport as ge, createTextVNode as V, toDisplayString as D, createElementVNode as ke, reactive as Z } from "vue";
+import { AddIcon as he } from "@kong/icons";
+import { useRouter as te } from "vue-router";
+import { createI18n as ve, i18nTComponent as Se } from "@kong-ui-public/i18n";
+import { useAxios as ae, useFetcher as be, useDeleteUrlBuilder as Ce, FetcherStatus as Ie, EntityBaseTable as we, EntityFilter as Ee, PermissionsWrapper as q, TableTags as Me, EntityDeleteModal as Ke, EntityTypes as $e, useErrors as Fe, EntityBaseFormType as ee, EntityBaseForm as _e, SupportedEntityType as oe, EntityFormSection as De, EntityBaseConfigCard as Re } from "@kong-ui-public/entities-shared";
+const Te = {
   title: "Key Sets",
   list: {
     toolbar_actions: {
@@ -64,20 +64,20 @@ const qe = {
       }
     }
   }
-}, Oe = {
-  keySets: qe
+}, Be = {
+  keySets: Te
 };
-function Ae() {
-  const e = we("en-us", Oe);
+function xe() {
+  const e = ve("en-us", Be);
   return {
     i18n: e,
-    i18nT: Ee(e)
+    i18nT: Se(e)
     // Translation component <i18n-t>
   };
 }
 const H = {
-  useI18n: Ae
-}, L = "/v2/control-planes/{controlPlaneId}/core-entities", z = "/{workspace}", A = {
+  useI18n: xe
+}, L = "/v2/control-planes/{controlPlaneId}/core-entities", z = "/{workspace}", P = {
   list: {
     konnect: `${L}/key-sets`,
     kongManager: `${z}/key-sets`
@@ -92,7 +92,7 @@ const H = {
       edit: `${z}/key-sets/{id}`
     }
   }
-}, Pe = { class: "kong-ui-entities-key-sets-list" }, Ne = /* @__PURE__ */ G({
+}, Ve = { class: "kong-ui-entities-key-sets-list" }, qe = /* @__PURE__ */ G({
   __name: "KeySetList",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -137,139 +137,138 @@ const H = {
     }
   },
   emits: ["error", "copy:success", "copy:error", "delete:success"],
-  setup(e, { emit: I }) {
-    var Y;
-    const m = I, a = e, { i18n: { t: s } } = H.useI18n(), g = oe(), { axiosInstance: v } = se((Y = a.config) == null ? void 0 : Y.axiosRequestConfig), k = h(1), P = b(() => a.config.app !== "kongManager" || !!a.config.disableSorting), M = {
+  setup(e, { emit: C }) {
+    var X;
+    const m = C, t = e, { i18n: { t: s } } = H.useI18n(), g = te(), { axiosInstance: h } = ae((X = t.config) == null ? void 0 : X.axiosRequestConfig), k = v(1), U = S(() => t.config.app !== "kongManager" || !!t.config.disableSorting), E = {
       // the Name column is non-hidable
       name: { label: s("keySets.list.table_headers.name"), searchable: !0, sortable: !0, hidable: !1 },
       tags: { label: s("keySets.list.table_headers.tags") },
       id: { label: s("keySets.list.table_headers.id"), sortable: !0 }
-    }, r = M, K = b(() => {
+    }, r = E, M = S(() => {
       var i, y;
-      let t = `${a.config.apiBaseUrl}${A.list[a.config.app]}`;
-      return a.config.app === "konnect" ? t = t.replace(/{controlPlaneId}/gi, ((i = a.config) == null ? void 0 : i.controlPlaneId) || "") : a.config.app === "kongManager" && (t = t.replace(/\/{workspace}/gi, (y = a.config) != null && y.workspace ? `/${a.config.workspace}` : "")), t;
-    }), D = h(""), N = b(() => {
-      const t = a.config.app === "konnect" || a.config.isExactMatch;
-      if (t)
+      let a = `${t.config.apiBaseUrl}${P.list[t.config.app]}`;
+      return t.config.app === "konnect" ? a = a.replace(/{controlPlaneId}/gi, ((i = t.config) == null ? void 0 : i.controlPlaneId) || "") : t.config.app === "kongManager" && (a = a.replace(/\/{workspace}/gi, (y = t.config) != null && y.workspace ? `/${t.config.workspace}` : "")), a;
+    }), K = v(""), j = S(() => {
+      const a = t.config.app === "konnect" || t.config.isExactMatch;
+      if (a)
         return {
-          isExactMatch: t,
+          isExactMatch: a,
           placeholder: s("keySets.search.placeholder")
         };
-      const i = { name: M.name };
+      const i = { name: E.name };
       return {
-        isExactMatch: t,
+        isExactMatch: a,
         fields: i,
-        schema: a.config.filterSchema
+        schema: t.config.filterSchema
       };
-    }), { fetcher: U, fetcherState: F } = Me(a.config, K.value), $ = () => {
-      D.value = "";
-    }, j = () => {
+    }), { fetcher: A, fetcherState: F } = be(t.config, M.value), $ = () => {
+      K.value = "";
+    }, N = () => {
       k.value++;
-    }, w = h(null), n = h(!1), c = (t, i) => {
-      const y = t.id;
+    }, I = v(null), n = (a, i) => {
+      const y = a.id;
       if (!i(y)) {
-        re(t, "id");
+        u(a, "id");
         return;
       }
-      u(t, "id");
-    }, d = (t, i) => {
-      const y = JSON.stringify(t);
+      d(a, "id");
+    }, c = (a, i) => {
+      const y = JSON.stringify(a);
       if (!i(y)) {
         m("copy:error", {
-          entity: t,
+          entity: a,
           message: s("keySets.errors.copy")
         });
         return;
       }
       m("copy:success", {
-        entity: t,
+        entity: a,
         message: s("keySets.copy.success_brief")
       });
-    }, u = (t, i) => {
+    }, d = (a, i) => {
       m("copy:success", {
-        entity: t,
+        entity: a,
         field: i,
-        message: s("keySets.copy.success", { val: t[i] })
+        message: s("keySets.copy.success", { val: a[i] })
       });
-    }, re = (t, i) => {
+    }, u = (a, i) => {
       m("copy:error", {
-        entity: t,
+        entity: a,
         field: i,
         message: s("keySets.errors.copy")
       });
-    }, le = async (t) => {
+    }, ne = async (a) => {
       var y;
-      await ((y = a.canRetrieve) == null ? void 0 : y.call(a, t)) && g.push(a.config.getViewRoute(t.id));
-    }, ce = (t) => ({
+      await ((y = t.canRetrieve) == null ? void 0 : y.call(t, a)) && g.push(t.config.getViewRoute(a.id));
+    }, ie = (a) => ({
       label: s("keySets.actions.view"),
-      to: a.config.getViewRoute(t)
-    }), de = (t) => ({
+      to: t.config.getViewRoute(a)
+    }), re = (a) => ({
       label: s("keySets.actions.edit"),
-      to: a.config.getEditRoute(t)
-    }), E = h(void 0), T = h(!1), B = h(!1), Q = h(""), ue = Ke(a.config, K.value), fe = (t) => {
-      E.value = t, T.value = !0;
-    }, pe = () => {
+      to: t.config.getEditRoute(a)
+    }), w = v(void 0), T = v(!1), B = v(!1), Q = v(""), le = Ce(t.config, M.value), ce = (a) => {
+      w.value = a, T.value = !0;
+    }, de = () => {
       T.value = !1;
-    }, ye = async () => {
-      var t, i, y;
-      if ((t = E.value) != null && t.id) {
+    }, ue = async () => {
+      var a, i, y;
+      if ((a = w.value) != null && a.id) {
         B.value = !0;
         try {
-          await v.delete(ue(E.value.id)), B.value = !1, T.value = !1, k.value++, m("delete:success", E.value);
-        } catch (S) {
-          Q.value = ((y = (i = S.response) == null ? void 0 : i.data) == null ? void 0 : y.message) || S.message || s("keySets.errors.delete"), m("error", S);
+          await h.delete(le(w.value.id)), B.value = !1, T.value = !1, k.value++, m("delete:success", w.value);
+        } catch (b) {
+          Q.value = ((y = (i = b.response) == null ? void 0 : i.data) == null ? void 0 : y.message) || b.message || s("keySets.errors.delete"), m("error", b);
         } finally {
           B.value = !1;
         }
       }
-    }, X = h(!1);
-    ge(F, (t) => {
-      var i, y, S, C;
-      if (Array.isArray((i = t == null ? void 0 : t.response) == null ? void 0 : i.data) && (X.value = t.response.data.length > 0), t.status === te.NoRecords ? n.value = !0 : n.value = !1, t.status === te.Error) {
-        w.value = {
+    };
+    pe(F, (a) => {
+      var i, y, b;
+      if (a.status === Ie.Error) {
+        I.value = {
           title: s("keySets.errors.general")
-        }, (C = (S = (y = t.error) == null ? void 0 : y.response) == null ? void 0 : S.data) != null && C.message && (w.value.message = t.error.response.data.message), m("error", t.error);
+        }, (b = (y = (i = a.error) == null ? void 0 : i.response) == null ? void 0 : y.data) != null && b.message && (I.value.message = a.error.response.data.message), m("error", a.error);
         return;
       }
-      w.value = null;
+      I.value = null;
     });
-    const J = h({
-      ctaPath: a.config.createRoute,
+    const J = v({
+      ctaPath: t.config.createRoute,
       ctaText: void 0,
-      message: `${s("keySets.list.empty_state.description")}${a.config.additionMessageForEmptyState ? ` ${a.config.additionMessageForEmptyState}` : ""}`,
+      message: `${s("keySets.list.empty_state.description")}${t.config.additionMessageForEmptyState ? ` ${t.config.additionMessageForEmptyState}` : ""}`,
       title: s("keySets.title")
     });
-    return ke(async () => {
-      await a.canCreate() && (J.value.title = s("keySets.list.empty_state.title"), J.value.ctaText = s("keySets.actions.create"));
-    }), (t, i) => {
-      const y = R("KButton"), S = R("KCopy"), C = R("KDropdownItem"), Z = R("KClipboardProvider");
-      return O(), W("div", Pe, [
-        l(o(De), {
+    return ye(async () => {
+      await t.canCreate() && (J.value.title = s("keySets.list.empty_state.title"), J.value.ctaText = s("keySets.actions.create"));
+    }), (a, i) => {
+      const y = R("KButton"), b = R("KCopy"), _ = R("KDropdownItem"), Y = R("KClipboardProvider");
+      return O(), W("div", Ve, [
+        l(o(we), {
           "cache-identifier": e.cacheIdentifier,
-          "disable-sorting": P.value,
+          "disable-sorting": U.value,
           "empty-state-options": J.value,
           "enable-entity-actions": "",
-          "error-message": w.value,
-          fetcher: o(U),
+          "error-message": I.value,
+          fetcher: o(A),
           "fetcher-cache-key": k.value,
-          "hide-toollbar": n.value,
           "pagination-type": "offset",
           "preferences-storage-key": "kong-ui-entities-key-sets-list",
-          query: D.value,
+          query: K.value,
           "table-headers": o(r),
           onClearSearchInput: $,
-          "onClick:row": i[1] || (i[1] = (f) => le(f)),
-          onSort: j
+          "onClick:row": i[1] || (i[1] = (f) => ne(f)),
+          onSort: N
         }, {
           "toolbar-filter": p(() => [
-            l(o($e), {
-              modelValue: D.value,
-              "onUpdate:modelValue": i[0] || (i[0] = (f) => D.value = f),
-              config: N.value
+            l(o(Ee), {
+              modelValue: K.value,
+              "onUpdate:modelValue": i[0] || (i[0] = (f) => K.value = f),
+              config: j.value
             }, null, 8, ["modelValue", "config"])
           ]),
           "toolbar-button": p(() => [
-            (O(), he(ve, {
+            (O(), me(ge, {
               disabled: !e.useActionOutside,
               to: "#kong-ui-app-page-header-action-button"
             }, [
@@ -277,60 +276,58 @@ const H = {
                 "auth-function": () => e.canCreate()
               }, {
                 default: p(() => [
-                  be(l(y, {
+                  l(y, {
                     appearance: "primary",
                     "data-testid": "toolbar-add-key-set",
                     size: e.useActionOutside ? "medium" : "large",
                     to: e.config.createRoute
                   }, {
                     default: p(() => [
-                      l(o(Ie)),
-                      V(" " + _(o(s)("keySets.list.toolbar_actions.new_key_set")), 1)
+                      l(o(he)),
+                      V(" " + D(o(s)("keySets.list.toolbar_actions.new_key_set")), 1)
                     ]),
                     _: 1
-                  }, 8, ["size", "to"]), [
-                    [Se, X.value]
-                  ])
+                  }, 8, ["size", "to"])
                 ]),
                 _: 1
               }, 8, ["auth-function"])
             ], 8, ["disabled"]))
           ]),
           name: p(({ rowValue: f }) => [
-            Ce("b", null, _(f ?? "-"), 1)
+            ke("b", null, D(f ?? "-"), 1)
           ]),
           tags: p(({ rowValue: f }) => [
-            l(o(Fe), { tags: f }, null, 8, ["tags"])
+            l(o(Me), { tags: f }, null, 8, ["tags"])
           ]),
           id: p(({ rowValue: f }) => [
-            l(S, {
+            l(b, {
               text: f,
               truncate: ""
             }, null, 8, ["text"])
           ]),
           actions: p(({ row: f }) => [
-            l(Z, null, {
+            l(Y, null, {
               default: p(({ copyToClipboard: x }) => [
-                l(C, {
+                l(_, {
                   "data-testid": "action-entity-copy-id",
-                  onClick: (me) => c(f, x)
+                  onClick: (fe) => n(f, x)
                 }, {
                   default: p(() => [
-                    V(_(o(s)("keySets.actions.copy_id")), 1)
+                    V(D(o(s)("keySets.actions.copy_id")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            l(Z, null, {
+            l(Y, null, {
               default: p(({ copyToClipboard: x }) => [
-                l(C, {
+                l(_, {
                   "data-testid": "action-entity-copy-json",
-                  onClick: (me) => d(f, x)
+                  onClick: (fe) => c(f, x)
                 }, {
                   default: p(() => [
-                    V(_(o(s)("keySets.actions.copy_json")), 1)
+                    V(D(o(s)("keySets.actions.copy_json")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -341,10 +338,10 @@ const H = {
               "auth-function": () => e.canRetrieve(f)
             }, {
               default: p(() => [
-                l(C, {
+                l(_, {
                   "data-testid": "action-entity-view",
                   "has-divider": "",
-                  item: ce(f.id)
+                  item: ie(f.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
@@ -353,9 +350,9 @@ const H = {
               "auth-function": () => e.canEdit(f)
             }, {
               default: p(() => [
-                l(C, {
+                l(_, {
                   "data-testid": "action-entity-edit",
-                  item: de(f.id)
+                  item: re(f.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
@@ -364,14 +361,14 @@ const H = {
               "auth-function": () => e.canDelete(f)
             }, {
               default: p(() => [
-                l(C, {
+                l(_, {
                   danger: "",
                   "data-testid": "action-entity-delete",
                   "has-divider": "",
-                  onClick: (x) => fe(f)
+                  onClick: (x) => ce(f)
                 }, {
                   default: p(() => [
-                    V(_(o(s)("keySets.actions.delete")), 1)
+                    V(D(o(s)("keySets.actions.delete")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -380,27 +377,27 @@ const H = {
             }, 1032, ["auth-function"])
           ]),
           _: 1
-        }, 8, ["cache-identifier", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "hide-toollbar", "query", "table-headers"]),
-        l(o(_e), {
+        }, 8, ["cache-identifier", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "query", "table-headers"]),
+        l(o(Ke), {
           "action-pending": B.value,
           description: o(s)("keySets.delete.description"),
-          "entity-name": E.value && (E.value.name || E.value.id),
-          "entity-type": o(Re).KeySet,
+          "entity-name": w.value && (w.value.name || w.value.id),
+          "entity-type": o($e).KeySet,
           error: Q.value,
           title: o(s)("keySets.delete.title"),
           visible: T.value,
-          onCancel: pe,
-          onProceed: ye
+          onCancel: de,
+          onProceed: ue
         }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"])
       ]);
     };
   }
-}), ie = (e, I) => {
+}), se = (e, C) => {
   const m = e.__vccOpts || e;
-  for (const [a, s] of I)
-    m[a] = s;
+  for (const [t, s] of C)
+    m[t] = s;
   return m;
-}, Qe = /* @__PURE__ */ ie(Ne, [["__scopeId", "data-v-4d6fc369"]]), Ue = { class: "kong-ui-entities-key-sets-form" }, je = /* @__PURE__ */ G({
+}, ze = /* @__PURE__ */ se(qe, [["__scopeId", "data-v-e8613139"]]), Oe = { class: "kong-ui-entities-key-sets-form" }, Pe = /* @__PURE__ */ G({
   __name: "KeySetForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -417,68 +414,68 @@ const H = {
     }
   },
   emits: ["update", "error", "loading"],
-  setup(e, { emit: I }) {
-    var w;
-    const m = I, a = e, s = oe(), { i18n: { t: g } } = H.useI18n(), { getMessageFromError: v } = Te(), { axiosInstance: k } = se((w = a.config) == null ? void 0 : w.axiosRequestConfig), P = b(() => A.form[a.config.app].edit), M = b(() => a.keySetId ? ae.Edit : ae.Create), r = ee({
+  setup(e, { emit: C }) {
+    var I;
+    const m = C, t = e, s = te(), { i18n: { t: g } } = H.useI18n(), { getMessageFromError: h } = Fe(), { axiosInstance: k } = ae((I = t.config) == null ? void 0 : I.axiosRequestConfig), U = S(() => P.form[t.config.app].edit), E = S(() => t.keySetId ? ee.Edit : ee.Create), r = Z({
       fields: {
         name: "",
         tags: ""
       },
       isReadonly: !1,
       errorMessage: ""
-    }), K = ee({
+    }), M = Z({
       name: "",
       tags: ""
-    }), D = b(() => JSON.stringify(r.fields) !== JSON.stringify(K) && !!r.fields.name), N = (n) => {
+    }), K = S(() => JSON.stringify(r.fields) !== JSON.stringify(M) && !!r.fields.name), j = (n) => {
       var c;
-      r.fields.name = (n == null ? void 0 : n.name) || "", r.fields.tags = ((c = n == null ? void 0 : n.tags) == null ? void 0 : c.join(", ")) || "", Object.assign(K, r.fields);
-    }, U = () => {
-      s.push(a.config.cancelRoute);
-    }, F = b(() => {
+      r.fields.name = (n == null ? void 0 : n.name) || "", r.fields.tags = ((c = n == null ? void 0 : n.tags) == null ? void 0 : c.join(", ")) || "", Object.assign(M, r.fields);
+    }, A = () => {
+      s.push(t.config.cancelRoute);
+    }, F = S(() => {
       var c, d;
-      let n = `${a.config.apiBaseUrl}${A.form[a.config.app][M.value]}`;
-      return a.config.app === "konnect" ? n = n.replace(/{controlPlaneId}/gi, ((c = a.config) == null ? void 0 : c.controlPlaneId) || "") : a.config.app === "kongManager" && (n = n.replace(/\/{workspace}/gi, (d = a.config) != null && d.workspace ? `/${a.config.workspace}` : "")), n = n.replace(/{id}/gi, a.keySetId), n;
-    }), $ = b(() => {
+      let n = `${t.config.apiBaseUrl}${P.form[t.config.app][E.value]}`;
+      return t.config.app === "konnect" ? n = n.replace(/{controlPlaneId}/gi, ((c = t.config) == null ? void 0 : c.controlPlaneId) || "") : t.config.app === "kongManager" && (n = n.replace(/\/{workspace}/gi, (d = t.config) != null && d.workspace ? `/${t.config.workspace}` : "")), n = n.replace(/{id}/gi, t.keySetId), n;
+    }), $ = S(() => {
       var n, c, d;
       return {
         name: r.fields.name,
         tags: ((d = (c = (n = r.fields.tags) == null ? void 0 : n.split(",")) == null ? void 0 : c.map((u) => String(u || "").trim())) == null ? void 0 : d.filter((u) => u !== "")) || ""
       };
-    }), j = async () => {
+    }), N = async () => {
       var n, c;
       try {
         r.isReadonly = !0;
         let d;
-        if (M.value === "create" ? d = await k.post(F.value, $.value) : M.value === "edit" && (d = ((n = a.config) == null ? void 0 : n.app) === "konnect" ? await k.put(F.value, $.value) : await k.patch(F.value, $.value)), d) {
+        if (E.value === "create" ? d = await k.post(F.value, $.value) : E.value === "edit" && (d = ((n = t.config) == null ? void 0 : n.app) === "konnect" ? await k.put(F.value, $.value) : await k.patch(F.value, $.value)), d) {
           const { data: u } = d;
-          r.fields.name = (u == null ? void 0 : u.name) || "", r.fields.tags = ((c = u == null ? void 0 : u.tags) == null ? void 0 : c.join(", ")) || "", Object.assign(K, r.fields), m("update", d == null ? void 0 : d.data);
+          r.fields.name = (u == null ? void 0 : u.name) || "", r.fields.tags = ((c = u == null ? void 0 : u.tags) == null ? void 0 : c.join(", ")) || "", Object.assign(M, r.fields), m("update", d == null ? void 0 : d.data);
         }
       } catch (d) {
-        r.errorMessage = v(d), m("error", d);
+        r.errorMessage = h(d), m("error", d);
       } finally {
         r.isReadonly = !1;
       }
     };
     return (n, c) => {
       const d = R("KInput");
-      return O(), W("div", Ue, [
-        l(o(Be), {
-          "can-submit": D.value,
+      return O(), W("div", Oe, [
+        l(o(_e), {
+          "can-submit": K.value,
           config: e.config,
           "edit-id": e.keySetId,
-          "entity-type": o(ne).KeySet,
+          "entity-type": o(oe).KeySet,
           "error-message": r.errorMessage,
-          "fetch-url": P.value,
+          "fetch-url": U.value,
           "form-fields": $.value,
           "is-readonly": r.isReadonly,
-          onCancel: U,
+          onCancel: A,
           "onFetch:error": c[2] || (c[2] = (u) => n.$emit("error", u)),
-          "onFetch:success": N,
+          "onFetch:success": j,
           onLoading: c[3] || (c[3] = (u) => n.$emit("loading", u)),
-          onSubmit: j
+          onSubmit: N
         }, {
           default: p(() => [
-            l(o(xe), {
+            l(o(De), {
               description: o(g)("keySets.form.sections.general.description"),
               "has-divider": "",
               title: o(g)("keySets.form.sections.general.title")
@@ -520,7 +517,7 @@ const H = {
       ]);
     };
   }
-}), Xe = /* @__PURE__ */ ie(je, [["__scopeId", "data-v-d1b94475"]]), Je = { class: "kong-ui-entities-keys-entity-config-card" }, Ye = /* @__PURE__ */ G({
+}), Ge = /* @__PURE__ */ se(Pe, [["__scopeId", "data-v-d1b94475"]]), Ue = { class: "kong-ui-entities-keys-entity-config-card" }, We = /* @__PURE__ */ G({
   __name: "KeySetConfigCard",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -547,7 +544,7 @@ const H = {
   },
   emits: ["loading", "fetch:error", "fetch:success"],
   setup(e) {
-    const I = e, { i18n: { t: m } } = H.useI18n(), a = b(() => A.form[I.config.app].edit), s = h({
+    const C = e, { i18n: { t: m } } = H.useI18n(), t = S(() => P.form[C.config.app].edit), s = v({
       id: {},
       name: {},
       last_updated: {},
@@ -556,23 +553,23 @@ const H = {
         tooltip: m("keySets.form.fields.tags.tooltip")
       }
     });
-    return (g, v) => (O(), W("div", Je, [
-      l(o(Ve), {
+    return (g, h) => (O(), W("div", Ue, [
+      l(o(Re), {
         config: e.config,
         "config-card-doc": e.configCardDoc,
         "config-schema": s.value,
-        "entity-type": o(ne).KeySet,
-        "fetch-url": a.value,
+        "entity-type": o(oe).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 {
-  Ye as KeySetConfigCard,
-  Xe as KeySetForm,
-  Qe as KeySetList
+  We as KeySetConfigCard,
+  Ge as KeySetForm,
+  ze 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,H,j,U,i){"use strict";const Q={keySets:{title:"Key Sets",list:{toolbar_actions:{new_key_set:"New Key Set"},table_headers:{name:"Name",id:"ID",tags:"Tags"},empty_state:{title:"Configure a New Key Set",description:"A Key Set object holds a collection of asymmetric key objects. This entity allows to logically group keys by their purpose."}},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=U.createI18n("en-us",Q);return{i18n:t,i18nT:U.i18nTComponent(t)}}const $={useI18n:X},_="/v2/control-planes/{controlPlaneId}/core-entities",B="/{workspace}",K={list:{konnect:`${_}/key-sets`,kongManager:`${B}/key-sets`},form:{konnect:{create:`${_}/key-sets`,edit:`${_}/key-sets/{id}`},kongManager:{create:`${B}/key-sets`,edit:`${B}/key-sets/{id}`}}},Y={class:"kong-ui-entities-key-sets-list"},Z=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","copy:success","copy:error","delete:success"],setup(t,{emit:S}){var z;const y=S,n=t,{i18n:{t:a}}=$.useI18n(),m=j.useRouter(),{axiosInstance:h}=i.useAxios((z=n.config)==null?void 0:z.axiosRequestConfig),k=e.ref(1),R=e.computed(()=>n.config.app!=="kongManager"||!!n.config.disableSorting),x={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}},l=x,N=e.computed(()=>{var r,u;let o=`${n.config.apiBaseUrl}${K.list[n.config.app]}`;return n.config.app==="konnect"?o=o.replace(/{controlPlaneId}/gi,((r=n.config)==null?void 0:r.controlPlaneId)||""):n.config.app==="kongManager"&&(o=o.replace(/\/{workspace}/gi,(u=n.config)!=null&&u.workspace?`/${n.config.workspace}`:"")),o}),I=e.ref(""),q=e.computed(()=>{const o=n.config.app==="konnect"||n.config.isExactMatch;if(o)return{isExactMatch:o,placeholder:a("keySets.search.placeholder")};const r={name:x.name};return{isExactMatch:o,fields:r,schema:n.config.filterSchema}}),{fetcher:P,fetcherState:D}=i.useFetcher(n.config,N.value),E=()=>{I.value=""},O=()=>{k.value++},w=e.ref(null),s=e.ref(!1),c=(o,r)=>{const u=o.id;if(!r(u)){ae(o,"id");return}f(o,"id")},d=(o,r)=>{const u=JSON.stringify(o);if(!r(u)){y("copy:error",{entity:o,message:a("keySets.errors.copy")});return}y("copy:success",{entity:o,message:a("keySets.copy.success_brief")})},f=(o,r)=>{y("copy:success",{entity:o,field:r,message:a("keySets.copy.success",{val:o[r]})})},ae=(o,r)=>{y("copy:error",{entity:o,field:r,message:a("keySets.errors.copy")})},se=async o=>{var u;await((u=n.canRetrieve)==null?void 0:u.call(n,o))&&m.push(n.config.getViewRoute(o.id))},re=o=>({label:a("keySets.actions.view"),to:n.config.getViewRoute(o)}),ie=o=>({label:a("keySets.actions.edit"),to:n.config.getEditRoute(o)}),V=e.ref(void 0),T=e.ref(!1),M=e.ref(!1),L=e.ref(""),le=i.useDeleteUrlBuilder(n.config,N.value),ce=o=>{V.value=o,T.value=!0},de=()=>{T.value=!1},fe=async()=>{var o,r,u;if((o=V.value)!=null&&o.id){M.value=!0;try{await h.delete(le(V.value.id)),M.value=!1,T.value=!1,k.value++,y("delete:success",V.value)}catch(b){L.value=((u=(r=b.response)==null?void 0:r.data)==null?void 0:u.message)||b.message||a("keySets.errors.delete"),y("error",b)}finally{M.value=!1}}},W=e.ref(!1);e.watch(D,o=>{var r,u,b,C;if(Array.isArray((r=o==null?void 0:o.response)==null?void 0:r.data)&&(W.value=o.response.data.length>0),o.status===i.FetcherStatus.NoRecords?s.value=!0:s.value=!1,o.status===i.FetcherStatus.Error){w.value={title:a("keySets.errors.general")},(C=(b=(u=o.error)==null?void 0:u.response)==null?void 0:b.data)!=null&&C.message&&(w.value.message=o.error.response.data.message),y("error",o.error);return}w.value=null});const A=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()&&(A.value.title=a("keySets.list.empty_state.title"),A.value.ctaText=a("keySets.actions.create"))}),(o,r)=>{const u=e.resolveComponent("KButton"),b=e.resolveComponent("KCopy"),C=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":R.value,"empty-state-options":A.value,"enable-entity-actions":"","error-message":w.value,fetcher:e.unref(P),"fetcher-cache-key":k.value,"hide-toollbar":s.value,"pagination-type":"offset","preferences-storage-key":"kong-ui-entities-key-sets-list",query:I.value,"table-headers":e.unref(l),onClearSearchInput:E,"onClick:row":r[1]||(r[1]=p=>se(p)),onSort:O},{"toolbar-filter":e.withCtx(()=>[e.createVNode(e.unref(i.EntityFilter),{modelValue:I.value,"onUpdate:modelValue":r[0]||(r[0]=p=>I.value=p),config:q.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.createVNode(e.unref(i.PermissionsWrapper),{"auth-function":()=>t.canCreate()},{default:e.withCtx(()=>[e.withDirectives(e.createVNode(u,{appearance:"primary","data-testid":"toolbar-add-key-set",size:t.useActionOutside?"medium":"large",to:t.config.createRoute},{default:e.withCtx(()=>[e.createVNode(e.unref(H.AddIcon)),e.createTextVNode(" "+e.toDisplayString(e.unref(a)("keySets.list.toolbar_actions.new_key_set")),1)]),_:1},8,["size","to"]),[[e.vShow,W.value]])]),_:1},8,["auth-function"])],8,["disabled"]))]),name:e.withCtx(({rowValue:p})=>[e.createElementVNode("b",null,e.toDisplayString(p??"-"),1)]),tags:e.withCtx(({rowValue:p})=>[e.createVNode(e.unref(i.TableTags),{tags:p},null,8,["tags"])]),id:e.withCtx(({rowValue:p})=>[e.createVNode(b,{text:p,truncate:""},null,8,["text"])]),actions:e.withCtx(({row:p})=>[e.createVNode(G,null,{default:e.withCtx(({copyToClipboard:F})=>[e.createVNode(C,{"data-testid":"action-entity-copy-id",onClick:pe=>c(p,F)},{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:F})=>[e.createVNode(C,{"data-testid":"action-entity-copy-json",onClick:pe=>d(p,F)},{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(p)},{default:e.withCtx(()=>[e.createVNode(C,{"data-testid":"action-entity-view","has-divider":"",item:re(p.id)},null,8,["item"])]),_:2},1032,["auth-function"]),e.createVNode(e.unref(i.PermissionsWrapper),{"auth-function":()=>t.canEdit(p)},{default:e.withCtx(()=>[e.createVNode(C,{"data-testid":"action-entity-edit",item:ie(p.id)},null,8,["item"])]),_:2},1032,["auth-function"]),e.createVNode(e.unref(i.PermissionsWrapper),{"auth-function":()=>t.canDelete(p)},{default:e.withCtx(()=>[e.createVNode(C,{danger:"","data-testid":"action-entity-delete","has-divider":"",onClick:F=>ce(p)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)("keySets.actions.delete")),1)]),_:2},1032,["onClick"])]),_:2},1032,["auth-function"])]),_:1},8,["cache-identifier","disable-sorting","empty-state-options","error-message","fetcher","fetcher-cache-key","hide-toollbar","query","table-headers"]),e.createVNode(e.unref(i.EntityDeleteModal),{"action-pending":M.value,description:e.unref(a)("keySets.delete.description"),"entity-name":V.value&&(V.value.name||V.value.id),"entity-type":e.unref(i.EntityTypes).KeySet,error:L.value,title:e.unref(a)("keySets.delete.title"),visible:T.value,onCancel:de,onProceed:fe},null,8,["action-pending","description","entity-name","entity-type","error","title","visible"])])}}}),J=(t,S)=>{const y=t.__vccOpts||t;for(const[n,a]of S)y[n]=a;return y},v=J(Z,[["__scopeId","data-v-4d6fc369"]]),ee={class:"kong-ui-entities-key-sets-form"},te=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 w;const y=S,n=t,a=j.useRouter(),{i18n:{t:m}}=$.useI18n(),{getMessageFromError:h}=i.useErrors(),{axiosInstance:k}=i.useAxios((w=n.config)==null?void 0:w.axiosRequestConfig),R=e.computed(()=>K.form[n.config.app].edit),x=e.computed(()=>n.keySetId?i.EntityBaseFormType.Edit:i.EntityBaseFormType.Create),l=e.reactive({fields:{name:"",tags:""},isReadonly:!1,errorMessage:""}),N=e.reactive({name:"",tags:""}),I=e.computed(()=>JSON.stringify(l.fields)!==JSON.stringify(N)&&!!l.fields.name),q=s=>{var c;l.fields.name=(s==null?void 0:s.name)||"",l.fields.tags=((c=s==null?void 0:s.tags)==null?void 0:c.join(", "))||"",Object.assign(N,l.fields)},P=()=>{a.push(n.config.cancelRoute)},D=e.computed(()=>{var c,d;let s=`${n.config.apiBaseUrl}${K.form[n.config.app][x.value]}`;return n.config.app==="konnect"?s=s.replace(/{controlPlaneId}/gi,((c=n.config)==null?void 0:c.controlPlaneId)||""):n.config.app==="kongManager"&&(s=s.replace(/\/{workspace}/gi,(d=n.config)!=null&&d.workspace?`/${n.config.workspace}`:"")),s=s.replace(/{id}/gi,n.keySetId),s}),E=e.computed(()=>{var s,c,d;return{name:l.fields.name,tags:((d=(c=(s=l.fields.tags)==null?void 0:s.split(","))==null?void 0:c.map(f=>String(f||"").trim()))==null?void 0:d.filter(f=>f!==""))||""}}),O=async()=>{var s,c;try{l.isReadonly=!0;let d;if(x.value==="create"?d=await k.post(D.value,E.value):x.value==="edit"&&(d=((s=n.config)==null?void 0:s.app)==="konnect"?await k.put(D.value,E.value):await k.patch(D.value,E.value)),d){const{data:f}=d;l.fields.name=(f==null?void 0:f.name)||"",l.fields.tags=((c=f==null?void 0:f.tags)==null?void 0:c.join(", "))||"",Object.assign(N,l.fields),y("update",d==null?void 0:d.data)}}catch(d){l.errorMessage=h(d),y("error",d)}finally{l.isReadonly=!1}};return(s,c)=>{const d=e.resolveComponent("KInput");return e.openBlock(),e.createElementBlock("div",ee,[e.createVNode(e.unref(i.EntityBaseForm),{"can-submit":I.value,config:t.config,"edit-id":t.keySetId,"entity-type":e.unref(i.SupportedEntityType).KeySet,"error-message":l.errorMessage,"fetch-url":R.value,"form-fields":E.value,"is-readonly":l.isReadonly,onCancel:P,"onFetch:error":c[2]||(c[2]=f=>s.$emit("error",f)),"onFetch:success":q,onLoading:c[3]||(c[3]=f=>s.$emit("loading",f)),onSubmit:O},{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(d,{modelValue:l.fields.name,"onUpdate:modelValue":c[0]||(c[0]=f=>l.fields.name=f),modelModifiers:{trim:!0},autocomplete:"off","data-testid":"key-set-form-name",label:e.unref(m)("keySets.form.fields.name.label"),placeholder:e.unref(m)("keySets.form.fields.name.placeholder"),readonly:l.isReadonly,type:"text"},null,8,["modelValue","label","placeholder","readonly"]),e.createVNode(d,{modelValue:l.fields.tags,"onUpdate:modelValue":c[1]||(c[1]=f=>l.fields.tags=f),modelModifiers:{trim:!0},autocomplete:"off","data-testid":"key-set-form-tags",help:e.unref(m)("keySets.form.fields.tags.help"),label:e.unref(m)("keySets.form.fields.tags.label"),"label-attributes":{info:e.unref(m)("keySets.form.fields.tags.tooltip"),tooltipAttributes:{maxWidth:"400"}},placeholder:e.unref(m)("keySets.form.fields.tags.placeholder"),readonly:l.isReadonly,type:"text"},null,8,["modelValue","help","label","label-attributes","placeholder","readonly"])]),_:1},8,["description","title"])]),_:1},8,["can-submit","config","edit-id","entity-type","error-message","fetch-url","form-fields","is-readonly"])])}}}),[["__scopeId","data-v-d1b94475"]]),oe={class:"kong-ui-entities-keys-entity-config-card"},ne=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:y}}=$.useI18n(),n=e.computed(()=>K.form[S.config.app].edit),a=e.ref({id:{},name:{},last_updated:{},created:{},tags:{tooltip:y("keySets.form.fields.tags.tooltip")}});return(m,h)=>(e.openBlock(),e.createElementBlock("div",oe,[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=ne,g.KeySetForm=te,g.KeySetList=v,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,G,A,U,l){"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."}},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=U.createI18n("en-us",H);return{i18n:t,i18nT:U.i18nTComponent(t)}}const F={useI18n:Q},_="/v2/control-planes/{controlPlaneId}/core-entities",B="/{workspace}",M={list:{konnect:`${_}/key-sets`,kongManager:`${B}/key-sets`},form:{konnect:{create:`${_}/key-sets`,edit:`${_}/key-sets/{id}`},kongManager:{create:`${B}/key-sets`,edit:`${B}/key-sets/{id}`}}},X={class:"kong-ui-entities-key-sets-list"},Y=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","copy:success","copy:error","delete:success"],setup(t,{emit:C}){var W;const y=C,o=t,{i18n:{t:a}}=F.useI18n(),m=A.useRouter(),{axiosInstance:h}=l.useAxios((W=o.config)==null?void 0:W.axiosRequestConfig),k=e.ref(1),R=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}},i=V,x=e.computed(()=>{var r,u;let n=`${o.config.apiBaseUrl}${M.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,(u=o.config)!=null&&u.workspace?`/${o.config.workspace}`:"")),n}),I=e.ref(""),q=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:P,fetcherState:E}=l.useFetcher(o.config,x.value),N=()=>{I.value=""},O=()=>{k.value++},S=e.ref(null),s=(n,r)=>{const u=n.id;if(!r(u)){f(n,"id");return}d(n,"id")},c=(n,r)=>{const u=JSON.stringify(n);if(!r(u)){y("copy:error",{entity:n,message:a("keySets.errors.copy")});return}y("copy:success",{entity:n,message:a("keySets.copy.success_brief")})},d=(n,r)=>{y("copy:success",{entity:n,field:r,message:a("keySets.copy.success",{val:n[r]})})},f=(n,r)=>{y("copy:error",{entity:n,field:r,message:a("keySets.errors.copy")})},ne=async n=>{var u;await((u=o.canRetrieve)==null?void 0:u.call(o,n))&&m.push(o.config.getViewRoute(n.id))},ae=n=>({label:a("keySets.actions.view"),to:o.config.getViewRoute(n)}),se=n=>({label:a("keySets.actions.edit"),to:o.config.getEditRoute(n)}),w=e.ref(void 0),D=e.ref(!1),T=e.ref(!1),L=e.ref(""),re=l.useDeleteUrlBuilder(o.config,x.value),ie=n=>{w.value=n,D.value=!0},le=()=>{D.value=!1},ce=async()=>{var n,r,u;if((n=w.value)!=null&&n.id){T.value=!0;try{await h.delete(re(w.value.id)),T.value=!1,D.value=!1,k.value++,y("delete:success",w.value)}catch(b){L.value=((u=(r=b.response)==null?void 0:r.data)==null?void 0:u.message)||b.message||a("keySets.errors.delete"),y("error",b)}finally{T.value=!1}}};e.watch(E,n=>{var r,u,b;if(n.status===l.FetcherStatus.Error){S.value={title:a("keySets.errors.general")},(b=(u=(r=n.error)==null?void 0:r.response)==null?void 0:u.data)!=null&&b.message&&(S.value.message=n.error.response.data.message),y("error",n.error);return}S.value=null});const j=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")});return e.onBeforeMount(async()=>{await o.canCreate()&&(j.value.title=a("keySets.list.empty_state.title"),j.value.ctaText=a("keySets.actions.create"))}),(n,r)=>{const u=e.resolveComponent("KButton"),b=e.resolveComponent("KCopy"),K=e.resolveComponent("KDropdownItem"),z=e.resolveComponent("KClipboardProvider");return e.openBlock(),e.createElementBlock("div",X,[e.createVNode(e.unref(l.EntityBaseTable),{"cache-identifier":t.cacheIdentifier,"disable-sorting":R.value,"empty-state-options":j.value,"enable-entity-actions":"","error-message":S.value,fetcher:e.unref(P),"fetcher-cache-key":k.value,"pagination-type":"offset","preferences-storage-key":"kong-ui-entities-key-sets-list",query:I.value,"table-headers":e.unref(i),onClearSearchInput:N,"onClick:row":r[1]||(r[1]=p=>ne(p)),onSort:O},{"toolbar-filter":e.withCtx(()=>[e.createVNode(e.unref(l.EntityFilter),{modelValue:I.value,"onUpdate:modelValue":r[0]||(r[0]=p=>I.value=p),config:q.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.createVNode(e.unref(l.PermissionsWrapper),{"auth-function":()=>t.canCreate()},{default:e.withCtx(()=>[e.createVNode(u,{appearance:"primary","data-testid":"toolbar-add-key-set",size:t.useActionOutside?"medium":"large",to:t.config.createRoute},{default:e.withCtx(()=>[e.createVNode(e.unref(G.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:p})=>[e.createElementVNode("b",null,e.toDisplayString(p??"-"),1)]),tags:e.withCtx(({rowValue:p})=>[e.createVNode(e.unref(l.TableTags),{tags:p},null,8,["tags"])]),id:e.withCtx(({rowValue:p})=>[e.createVNode(b,{text:p,truncate:""},null,8,["text"])]),actions:e.withCtx(({row:p})=>[e.createVNode(z,null,{default:e.withCtx(({copyToClipboard:$})=>[e.createVNode(K,{"data-testid":"action-entity-copy-id",onClick:de=>s(p,$)},{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:$})=>[e.createVNode(K,{"data-testid":"action-entity-copy-json",onClick:de=>c(p,$)},{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(p)},{default:e.withCtx(()=>[e.createVNode(K,{"data-testid":"action-entity-view","has-divider":"",item:ae(p.id)},null,8,["item"])]),_:2},1032,["auth-function"]),e.createVNode(e.unref(l.PermissionsWrapper),{"auth-function":()=>t.canEdit(p)},{default:e.withCtx(()=>[e.createVNode(K,{"data-testid":"action-entity-edit",item:se(p.id)},null,8,["item"])]),_:2},1032,["auth-function"]),e.createVNode(e.unref(l.PermissionsWrapper),{"auth-function":()=>t.canDelete(p)},{default:e.withCtx(()=>[e.createVNode(K,{danger:"","data-testid":"action-entity-delete","has-divider":"",onClick:$=>ie(p)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)("keySets.actions.delete")),1)]),_:2},1032,["onClick"])]),_:2},1032,["auth-function"])]),_:1},8,["cache-identifier","disable-sorting","empty-state-options","error-message","fetcher","fetcher-cache-key","query","table-headers"]),e.createVNode(e.unref(l.EntityDeleteModal),{"action-pending":T.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:L.value,title:e.unref(a)("keySets.delete.title"),visible:D.value,onCancel:le,onProceed:ce},null,8,["action-pending","description","entity-name","entity-type","error","title","visible"])])}}}),J=(t,C)=>{const y=t.__vccOpts||t;for(const[o,a]of C)y[o]=a;return y},Z=J(Y,[["__scopeId","data-v-e8613139"]]),v={class:"kong-ui-entities-key-sets-form"},ee=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:C}){var S;const y=C,o=t,a=A.useRouter(),{i18n:{t:m}}=F.useI18n(),{getMessageFromError:h}=l.useErrors(),{axiosInstance:k}=l.useAxios((S=o.config)==null?void 0:S.axiosRequestConfig),R=e.computed(()=>M.form[o.config.app].edit),V=e.computed(()=>o.keySetId?l.EntityBaseFormType.Edit:l.EntityBaseFormType.Create),i=e.reactive({fields:{name:"",tags:""},isReadonly:!1,errorMessage:""}),x=e.reactive({name:"",tags:""}),I=e.computed(()=>JSON.stringify(i.fields)!==JSON.stringify(x)&&!!i.fields.name),q=s=>{var c;i.fields.name=(s==null?void 0:s.name)||"",i.fields.tags=((c=s==null?void 0:s.tags)==null?void 0:c.join(", "))||"",Object.assign(x,i.fields)},P=()=>{a.push(o.config.cancelRoute)},E=e.computed(()=>{var c,d;let s=`${o.config.apiBaseUrl}${M.form[o.config.app][V.value]}`;return o.config.app==="konnect"?s=s.replace(/{controlPlaneId}/gi,((c=o.config)==null?void 0:c.controlPlaneId)||""):o.config.app==="kongManager"&&(s=s.replace(/\/{workspace}/gi,(d=o.config)!=null&&d.workspace?`/${o.config.workspace}`:"")),s=s.replace(/{id}/gi,o.keySetId),s}),N=e.computed(()=>{var s,c,d;return{name:i.fields.name,tags:((d=(c=(s=i.fields.tags)==null?void 0:s.split(","))==null?void 0:c.map(f=>String(f||"").trim()))==null?void 0:d.filter(f=>f!==""))||""}}),O=async()=>{var s,c;try{i.isReadonly=!0;let d;if(V.value==="create"?d=await k.post(E.value,N.value):V.value==="edit"&&(d=((s=o.config)==null?void 0:s.app)==="konnect"?await k.put(E.value,N.value):await k.patch(E.value,N.value)),d){const{data:f}=d;i.fields.name=(f==null?void 0:f.name)||"",i.fields.tags=((c=f==null?void 0:f.tags)==null?void 0:c.join(", "))||"",Object.assign(x,i.fields),y("update",d==null?void 0:d.data)}}catch(d){i.errorMessage=h(d),y("error",d)}finally{i.isReadonly=!1}};return(s,c)=>{const d=e.resolveComponent("KInput");return e.openBlock(),e.createElementBlock("div",v,[e.createVNode(e.unref(l.EntityBaseForm),{"can-submit":I.value,config:t.config,"edit-id":t.keySetId,"entity-type":e.unref(l.SupportedEntityType).KeySet,"error-message":i.errorMessage,"fetch-url":R.value,"form-fields":N.value,"is-readonly":i.isReadonly,onCancel:P,"onFetch:error":c[2]||(c[2]=f=>s.$emit("error",f)),"onFetch:success":q,onLoading:c[3]||(c[3]=f=>s.$emit("loading",f)),onSubmit:O},{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(d,{modelValue:i.fields.name,"onUpdate:modelValue":c[0]||(c[0]=f=>i.fields.name=f),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:i.isReadonly,type:"text"},null,8,["modelValue","label","placeholder","readonly"]),e.createVNode(d,{modelValue:i.fields.tags,"onUpdate:modelValue":c[1]||(c[1]=f=>i.fields.tags=f),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:i.isReadonly,type:"text"},null,8,["modelValue","help","label","label-attributes","placeholder","readonly"])]),_:1},8,["description","title"])]),_:1},8,["can-submit","config","edit-id","entity-type","error-message","fetch-url","form-fields","is-readonly"])])}}}),[["__scopeId","data-v-d1b94475"]]),te={class:"kong-ui-entities-keys-entity-config-card"},oe=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 C=t,{i18n:{t:y}}=F.useI18n(),o=e.computed(()=>M.form[C.config.app].edit),a=e.ref({id:{},name:{},last_updated:{},created:{},tags:{tooltip:y("keySets.form.fields.tags.tooltip")}});return(m,h)=>(e.openBlock(),e.createElementBlock("div",te,[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=oe,g.KeySetForm=ee,g.KeySetList=Z,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})});

package/dist/style.css

@@ -1 +1 @@
-.config-card-fieldset[data-v-68ca83ec]{border:solid 1px #e0e4ea;border-radius:4px;margin-bottom:8px;margin-top:4px}.config-card-fieldset-title[data-v-68ca83ec]{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-c96811e5] .k-button.navigation-button{font-size:14px;font-weight:400}.config-card-details-row[data-v-761f7e64]{align-items:center;border-bottom:var(--3ccdd5d2);box-sizing:border-box;display:var(--4b1da305);padding:16px 16px 16px 0;width:100%}.config-card-details-row .config-card-details-label[data-v-761f7e64]{box-sizing:border-box;padding-right:16px;width:var(--cd20788a)}.config-card-details-row .config-card-details-label label[data-v-761f7e64]{color:#3a3f51;display:inline-flex;max-width:100%}.config-card-details-row .config-card-details-label label .label-content[data-v-761f7e64]{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-761f7e64]{min-width:0}.config-card-details-row .config-card-details-value[data-v-761f7e64]{box-sizing:border-box;width:var(--cd1becd4)}.config-card-details-row .config-card-details-value .truncated[data-v-761f7e64]{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-761f7e64]{overflow-wrap:anywhere}.config-card-details-row .config-card-details-value .copy-uuid-array[data-v-761f7e64] .k-copy:not(:last-of-type){margin-bottom:8px}.config-card-details-row .config-card-details-value .method-badge-array[data-v-761f7e64]{display:flex;flex-wrap:wrap;row-gap:10px}.config-card-details-row .config-badge[data-v-761f7e64]{margin-right:4px}.config-card-details-row[data-v-761f7e64] .k-label{margin-bottom:0}.config-card-details-row[data-v-761f7e64] .k-label .kong-icon-infoFilled{display:flex}.config-card-details-row[data-v-761f7e64] .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(--454fa8c4);overflow:hidden!important;text-align:left;text-overflow:ellipsis;white-space:nowrap}.config-card-prop-section-title[data-v-d15be7fe]{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-7ef5c755]{align-items:center;display:flex}.kong-ui-entity-base-config-card .config-card-actions .config-format-select-label[data-v-7ef5c755]{margin-bottom:0;margin-right:8px}.kong-ui-entity-base-config-card .config-card-prop-section-title[data-v-7ef5c755]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card[data-v-7ef5c755] .config-card-details-row:last-of-type{border-bottom:none}.kong-ui-entity-base-config-card .book-icon[data-v-7ef5c755]{margin-left:8px;padding:0}.kong-ui-entity-base-form[data-v-6210a67a]{box-sizing:border-box;max-width:1536px;width:100%}.kong-ui-entity-base-form .form-actions[data-v-6210a67a]{align-items:center;display:flex;justify-content:flex-end;margin-top:24px}.kong-ui-entity-base-form .form-actions[data-v-6210a67a] .k-button:last-of-type,.kong-ui-entity-base-form .form-actions[data-v-6210a67a] .k-button:nth-last-of-type(2){margin-left:16px}.kong-ui-entity-base-form[data-v-6210a67a] .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-6210a67a] .k-card.content-card{padding:0 16px!important}.kong-ui-entity-base-form[data-v-6210a67a] .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-6210a67a] .tab-item.active>div.tab-link.has-panels{color:#000933!important;font-weight:600!important}.content-wrapper[data-v-b252463e] .k-tooltip{word-break:break-all}.kong-ui-entity-base-table .toolbar-container[data-v-765e475b]{align-items:center;display:flex;width:100%}.kong-ui-entity-base-table .toolbar-button-container[data-v-765e475b]{margin-left:auto}.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-10fa27a5]{width:100%}.kong-ui-entity-filter-clear[data-v-10fa27a5]{cursor:pointer}.kong-ui-entity-filter[data-v-10fa27a5]{display:flex;position:relative}.kong-ui-entity-filter[data-v-10fa27a5] .menu-content{flex-direction:column}.kong-ui-entity-filter[data-v-10fa27a5] .k-menu-item-divider hr{margin:12px 0}.kong-ui-entity-filter-backdrop[data-v-10fa27a5]{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1050}.kong-ui-entity-filter-menu[data-v-10fa27a5]{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-10fa27a5]{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-10fa27a5]{align-items:center;cursor:pointer;display:flex;line-height:24px}.menu-item-title.expanded[data-v-10fa27a5]{color:#232633}.menu-item-expand-icon[data-v-10fa27a5]{margin-left:auto}.menu-item-expand-icon.expanded[data-v-10fa27a5]{transform:rotate(180deg)}.menu-item-indicator[data-v-10fa27a5]{background-color:#0044f4;border-radius:50%;height:4px;margin-left:4px;width:4px}.menu-item-body[data-v-10fa27a5]{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.menu-item-body[data-v-10fa27a5] .input{padding-bottom:4px!important;padding-top:4px!important}.menu-item-body[data-v-10fa27a5] .k-input{width:100%}.menu-item-body[data-v-10fa27a5] .k-select-input .input{font-size:12px}.menu-item-body[data-v-10fa27a5] .k-select-input .input::placeholder{color:#00000073!important;font-size:12px}.menu-item-label[data-v-10fa27a5]{margin-bottom:0;margin-right:12px}.menu-item-buttons[data-v-10fa27a5]{display:flex;justify-content:space-between;margin:10px 0 6px}.filter-clear-button-container[data-v-10fa27a5]{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}.kong-ui-public-entity-link[data-v-60e3ef7c]{align-items:center;display:flex}.kong-ui-public-entity-link .deleted-entity[data-v-60e3ef7c]{font-style:italic}.kong-ui-public-entity-link .entity-link[data-v-60e3ef7c]{display:flex}.kong-ui-public-entity-link .entity-link[data-v-60e3ef7c] .external-link-icon{color:#0044f4;margin-left:4px;padding:2px}.kong-ui-public-entity-link .entity-link-label[data-v-60e3ef7c]{display:inline-block;font-weight:400;max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kong-ui-public-entity-link .copy-uuid-tooltip[data-v-60e3ef7c]{align-items:center;cursor:pointer;display:flex}.kong-ui-public-entity-link .copy-uuid-tooltip .entity-link-copy-id[data-v-60e3ef7c]{margin-left:2px}.kong-ui-entities-key-sets-list[data-v-4d6fc369]{width:100%}.kong-ui-entities-key-sets-list .kong-ui-entity-filter-input[data-v-4d6fc369]{margin-right:12px}.kong-ui-entities-key-sets-form[data-v-d1b94475]{width:100%}
+.config-card-fieldset[data-v-68ca83ec]{border:solid 1px #e0e4ea;border-radius:4px;margin-bottom:8px;margin-top:4px}.config-card-fieldset-title[data-v-68ca83ec]{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-c96811e5] .k-button.navigation-button{font-size:14px;font-weight:400}.config-card-details-row[data-v-761f7e64]{align-items:center;border-bottom:var(--3ccdd5d2);box-sizing:border-box;display:var(--4b1da305);padding:16px 16px 16px 0;width:100%}.config-card-details-row .config-card-details-label[data-v-761f7e64]{box-sizing:border-box;padding-right:16px;width:var(--cd20788a)}.config-card-details-row .config-card-details-label label[data-v-761f7e64]{color:#3a3f51;display:inline-flex;max-width:100%}.config-card-details-row .config-card-details-label label .label-content[data-v-761f7e64]{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-761f7e64]{min-width:0}.config-card-details-row .config-card-details-value[data-v-761f7e64]{box-sizing:border-box;width:var(--cd1becd4)}.config-card-details-row .config-card-details-value .truncated[data-v-761f7e64]{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-761f7e64]{overflow-wrap:anywhere}.config-card-details-row .config-card-details-value .copy-uuid-array[data-v-761f7e64] .k-copy:not(:last-of-type){margin-bottom:8px}.config-card-details-row .config-card-details-value .method-badge-array[data-v-761f7e64]{display:flex;flex-wrap:wrap;row-gap:10px}.config-card-details-row .config-badge[data-v-761f7e64]{margin-right:4px}.config-card-details-row[data-v-761f7e64] .k-label{margin-bottom:0}.config-card-details-row[data-v-761f7e64] .k-label .kong-icon-infoFilled{display:flex}.config-card-details-row[data-v-761f7e64] .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(--454fa8c4);overflow:hidden!important;text-align:left;text-overflow:ellipsis;white-space:nowrap}.config-card-prop-section-title[data-v-d15be7fe]{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-7ef5c755]{align-items:center;display:flex}.kong-ui-entity-base-config-card .config-card-actions .config-format-select-label[data-v-7ef5c755]{margin-bottom:0;margin-right:8px}.kong-ui-entity-base-config-card .config-card-prop-section-title[data-v-7ef5c755]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card[data-v-7ef5c755] .config-card-details-row:last-of-type{border-bottom:none}.kong-ui-entity-base-config-card .book-icon[data-v-7ef5c755]{margin-left:8px;padding:0}.kong-ui-entity-base-form[data-v-6210a67a]{box-sizing:border-box;max-width:1536px;width:100%}.kong-ui-entity-base-form .form-actions[data-v-6210a67a]{align-items:center;display:flex;justify-content:flex-end;margin-top:24px}.kong-ui-entity-base-form .form-actions[data-v-6210a67a] .k-button:last-of-type,.kong-ui-entity-base-form .form-actions[data-v-6210a67a] .k-button:nth-last-of-type(2){margin-left:16px}.kong-ui-entity-base-form[data-v-6210a67a] .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-6210a67a] .k-card.content-card{padding:0 16px!important}.kong-ui-entity-base-form[data-v-6210a67a] .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-6210a67a] .tab-item.active>div.tab-link.has-panels{color:#000933!important;font-weight:600!important}.content-wrapper[data-v-b252463e] .k-tooltip{word-break:break-all}.kong-ui-entity-base-table .toolbar-container[data-v-499e74da]{align-items:center;display:flex;width:100%}.kong-ui-entity-base-table .toolbar-button-container[data-v-499e74da]{margin-left:auto}.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-10fa27a5]{width:100%}.kong-ui-entity-filter-clear[data-v-10fa27a5]{cursor:pointer}.kong-ui-entity-filter[data-v-10fa27a5]{display:flex;position:relative}.kong-ui-entity-filter[data-v-10fa27a5] .menu-content{flex-direction:column}.kong-ui-entity-filter[data-v-10fa27a5] .k-menu-item-divider hr{margin:12px 0}.kong-ui-entity-filter-backdrop[data-v-10fa27a5]{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1050}.kong-ui-entity-filter-menu[data-v-10fa27a5]{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-10fa27a5]{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-10fa27a5]{align-items:center;cursor:pointer;display:flex;line-height:24px}.menu-item-title.expanded[data-v-10fa27a5]{color:#232633}.menu-item-expand-icon[data-v-10fa27a5]{margin-left:auto}.menu-item-expand-icon.expanded[data-v-10fa27a5]{transform:rotate(180deg)}.menu-item-indicator[data-v-10fa27a5]{background-color:#0044f4;border-radius:50%;height:4px;margin-left:4px;width:4px}.menu-item-body[data-v-10fa27a5]{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.menu-item-body[data-v-10fa27a5] .input{padding-bottom:4px!important;padding-top:4px!important}.menu-item-body[data-v-10fa27a5] .k-input{width:100%}.menu-item-body[data-v-10fa27a5] .k-select-input .input{font-size:12px}.menu-item-body[data-v-10fa27a5] .k-select-input .input::placeholder{color:#00000073!important;font-size:12px}.menu-item-label[data-v-10fa27a5]{margin-bottom:0;margin-right:12px}.menu-item-buttons[data-v-10fa27a5]{display:flex;justify-content:space-between;margin:10px 0 6px}.filter-clear-button-container[data-v-10fa27a5]{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}.kong-ui-public-entity-link[data-v-60e3ef7c]{align-items:center;display:flex}.kong-ui-public-entity-link .deleted-entity[data-v-60e3ef7c]{font-style:italic}.kong-ui-public-entity-link .entity-link[data-v-60e3ef7c]{display:flex}.kong-ui-public-entity-link .entity-link[data-v-60e3ef7c] .external-link-icon{color:#0044f4;margin-left:4px;padding:2px}.kong-ui-public-entity-link .entity-link-label[data-v-60e3ef7c]{display:inline-block;font-weight:400;max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kong-ui-public-entity-link .copy-uuid-tooltip[data-v-60e3ef7c]{align-items:center;cursor:pointer;display:flex}.kong-ui-public-entity-link .copy-uuid-tooltip .entity-link-copy-id[data-v-60e3ef7c]{margin-left:2px}.kong-ui-entities-key-sets-list[data-v-e8613139]{width:100%}.kong-ui-entities-key-sets-list .kong-ui-entity-filter-input[data-v-e8613139]{margin-right:12px}.kong-ui-entities-key-sets-form[data-v-d1b94475]{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":"AAieA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAEnC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAiBvC,OAAO,KAAK,EACV,2BAA2B,EAC3B,uBAAuB,EACvB,SAAS,EACT,gBAAgB,EACjB,MAAM,UAAU,CAAA;AASjB,OAAO,gDAAgD,CAAA;;IAqyBrD,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;;;AAhD7E,wBA0DG"}
+{"version":3,"file":"KeySetList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/KeySetList.vue"],"names":[],"mappings":"AAgdA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAEnC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAiBvC,OAAO,KAAK,EACV,2BAA2B,EAC3B,uBAAuB,EACvB,SAAS,EACT,gBAAgB,EACjB,MAAM,UAAU,CAAA;AASjB,OAAO,gDAAgD,CAAA;;IAmxBrD,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;;;AAhD7E,wBA0DG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/entities-key-sets",
-  "version": "3.5.54",
+  "version": "3.5.55",
   "type": "module",
   "main": "./dist/entities-key-sets.umd.js",
   "module": "./dist/entities-key-sets.es.js",
@@ -26,8 +26,8 @@
     "axios": "^1.7.7",
     "vue": ">= 3.3.13 < 4",
     "vue-router": "^4.4.5",
-    "@kong-ui-public/entities-shared": "^3.10.13",
-    "@kong-ui-public/i18n": "^2.2.9"
+    "@kong-ui-public/i18n": "^2.2.9",
+    "@kong-ui-public/entities-shared": "^3.10.14"
   },
   "devDependencies": {
     "@kong/icons": "^1.20.0",
@@ -35,7 +35,7 @@
     "axios": "^1.7.7",
     "vue": "^3.5.12",
     "vue-router": "^4.4.5",
-    "@kong-ui-public/entities-shared": "^3.10.13",
+    "@kong-ui-public/entities-shared": "^3.10.14",
     "@kong-ui-public/i18n": "^2.2.9"
   },
   "repository": {