@kong-ui-public/entities-gateway-services 3.2.2 → 3.2.3-pr.1397.7fed2d0d.0

package/dist/entities-gateway-services.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as X, computed as I, openBlock as b, createBlock as D, resolveDynamicComponent as Ce, normalizeStyle as et, withCtx as h, createElementBlock as A, toDisplayString as $, createCommentVNode as G, pushScopeId as tt, popScopeId as it, createElementVNode as V, ref as E, resolveComponent as K, Teleport as pr, createVNode as k, unref as f, createTextVNode as J, watch as _e, renderSlot as te, onBeforeMount as At, createSlots as Ke, renderList as ye, withModifiers as Le, withDirectives as Se, vShow as Ie, Fragment as he, normalizeClass as Ae, withKeys as fr, useSlots as Tt, useCssVars as ui, inject as mr, onMounted as di, onUnmounted as gr, normalizeProps as yr, guardReactiveProps as vr, mergeProps as hr, reactive as qt } from "vue";
+import { defineComponent as ee, computed as I, openBlock as b, createBlock as D, resolveDynamicComponent as Ce, normalizeStyle as et, withCtx as h, createElementBlock as A, toDisplayString as $, createCommentVNode as G, pushScopeId as tt, popScopeId as it, createElementVNode as V, ref as E, resolveComponent as K, Teleport as pr, createVNode as k, unref as f, createTextVNode as W, watch as _e, renderSlot as ie, onBeforeMount as At, createSlots as Ke, renderList as ye, withModifiers as Le, withDirectives as Se, vShow as Ie, Fragment as he, normalizeClass as Ae, withKeys as fr, useSlots as Tt, useCssVars as ui, inject as mr, onMounted as di, onUnmounted as gr, normalizeProps as yr, guardReactiveProps as vr, mergeProps as hr, reactive as qt } from "vue";
 import { useRouter as $t } from "vue-router";
 import { createI18n as pi, i18nTComponent as fi } from "@kong-ui-public/i18n";
 import Lt from "axios";
@@ -14,7 +14,7 @@ const Ut = "24px", wr = (e, t) => {
 }, Sr = /* @__PURE__ */ _r(() => /* @__PURE__ */ V("path", {
   d: "M11 19V13H5V11H11V5H13V11H19V13H13V19H11Z",
   fill: "currentColor"
-}, null, -1)), Ir = /* @__PURE__ */ X({
+}, null, -1)), Ir = /* @__PURE__ */ ee({
   __name: "AddIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -339,7 +339,7 @@ const lt = {
     }
   }
 };
-var mi = /* @__PURE__ */ ((e) => (e.GatewayService = "service", e.Route = "route", e.Consumer = "consumer", e.ConsumerGroup = "consumer group", e.Plugin = "plugin", e.Upstream = "upstream", e.Certificate = "certificate", e.CACertificate = "ca certificate", e.SNI = "SNI", e.Key = "key", e.KeySet = "key set", e.Vault = "vault", e.Application = "application", e.Developer = "developer", e.acls = "ACL Credential", e["basic-auth"] = "Basic Auth Credential", e["key-auth"] = "Key Auth Credential", e["key-auth-enc"] = "Key Auth Encrypted Credential", e.oauth2 = "OAuth 2.0 Credential", e["hmac-auth"] = "HMAC Credential", e.jwt = "JWT Credential", e.Target = "target", e.Policy = "policy", e))(mi || {}), _t = /* @__PURE__ */ ((e) => (e.Edit = "edit", e.Create = "create", e))(_t || {}), Oe = /* @__PURE__ */ ((e) => (e[e.Loading = 0] = "Loading", e[e.Idle = 1] = "Idle", e[e.NoResults = 2] = "NoResults", e[e.Error = 3] = "Error", e))(Oe || {}), ee = /* @__PURE__ */ ((e) => (e.ID = "id", e.IdArray = "id-array", e.Text = "plain-text", e.Date = "date", e.Redacted = "redacted", e.RedactedArray = "redacted-array", e.Json = "json", e.JsonArray = "json-array", e.BadgeTag = "badge-tag", e.BadgeStatus = "badge-status", e.BadgeMethod = "badge-method", e.LinkInternal = "link-internal", e.LinkExternal = "link-external", e))(ee || {}), ue = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Advanced = "advanced", e.Plugin = "plugin", e))(ue || {});
+var mi = /* @__PURE__ */ ((e) => (e.GatewayService = "service", e.Route = "route", e.Consumer = "consumer", e.ConsumerGroup = "consumer group", e.Plugin = "plugin", e.Upstream = "upstream", e.Certificate = "certificate", e.CACertificate = "ca certificate", e.SNI = "SNI", e.Key = "key", e.KeySet = "key set", e.Vault = "vault", e.Application = "application", e.Developer = "developer", e.acls = "ACL Credential", e["basic-auth"] = "Basic Auth Credential", e["key-auth"] = "Key Auth Credential", e["key-auth-enc"] = "Key Auth Encrypted Credential", e.oauth2 = "OAuth 2.0 Credential", e["hmac-auth"] = "HMAC Credential", e.jwt = "JWT Credential", e.Target = "target", e.Policy = "policy", e))(mi || {}), _t = /* @__PURE__ */ ((e) => (e.Edit = "edit", e.Create = "create", e))(_t || {}), Oe = /* @__PURE__ */ ((e) => (e[e.Loading = 0] = "Loading", e[e.Idle = 1] = "Idle", e[e.NoResults = 2] = "NoResults", e[e.Error = 3] = "Error", e))(Oe || {}), te = /* @__PURE__ */ ((e) => (e.ID = "id", e.IdArray = "id-array", e.Text = "plain-text", e.Date = "date", e.Redacted = "redacted", e.RedactedArray = "redacted-array", e.Json = "json", e.JsonArray = "json-array", e.BadgeTag = "badge-tag", e.BadgeStatus = "badge-status", e.BadgeMethod = "badge-method", e.LinkInternal = "link-internal", e.LinkExternal = "link-external", e))(te || {}), ue = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Advanced = "advanced", e.Plugin = "plugin", e))(ue || {});
 function Er() {
   return {
     getAxiosInstance: (e = {}) => {
@@ -860,7 +860,7 @@ const ne = {
 }, da = {
   key: 0,
   class: "config-card-fieldset-title"
-}, pa = /* @__PURE__ */ X({
+}, pa = /* @__PURE__ */ ee({
   __name: "JsonCardItem",
   props: {
     item: {
@@ -908,7 +908,7 @@ const ne = {
   for (const [a, r] of t)
     i[a] = r;
   return i;
-}, bi = /* @__PURE__ */ ve(pa, [["__scopeId", "data-v-68ca83ec"]]), fa = /* @__PURE__ */ X({
+}, bi = /* @__PURE__ */ ve(pa, [["__scopeId", "data-v-68ca83ec"]]), fa = /* @__PURE__ */ ee({
   __name: "InternalLinkItem",
   props: {
     item: {
@@ -928,14 +928,14 @@ const ne = {
           onClick: a[0] || (a[0] = (n) => i.$emit("navigation-click", e.item))
         }, {
           default: h(() => [
-            J($(e.item.value || f(t)("baseConfigCard.commonFields.link")), 1)
+            W($(e.item.value || f(t)("baseConfigCard.commonFields.link")), 1)
           ]),
           _: 1
         })
       ]);
     };
   }
-}), ma = /* @__PURE__ */ ve(fa, [["__scopeId", "data-v-c96811e5"]]), ga = /* @__PURE__ */ X({
+}), ma = /* @__PURE__ */ ve(fa, [["__scopeId", "data-v-c96811e5"]]), ga = /* @__PURE__ */ ee({
   __name: "StatusBadge",
   props: {
     status: {
@@ -951,7 +951,7 @@ const ne = {
         appearance: e.status ? "success" : "neutral"
       }, {
         default: h(() => [
-          J($(e.status ? f(t)("baseConfigCard.statusBadge.enabledLabel") : f(t)("baseConfigCard.statusBadge.disabledLabel")), 1)
+          W($(e.status ? f(t)("baseConfigCard.statusBadge.enabledLabel") : f(t)("baseConfigCard.statusBadge.disabledLabel")), 1)
         ]),
         _: 1
       }, 8, ["appearance"]);
@@ -960,7 +960,7 @@ const ne = {
 }), ya = "#0044f4", va = "#e0e4ea", ha = "#3a3f51", ba = "#afb7c5", wa = "1px", _a = "20px", ka = { class: "config-card-details-row" }, Ca = ["data-testid"], Sa = ["data-testid"], Ia = ["data-testid"], xa = ["data-testid"], Aa = { key: 1 }, Ta = ["data-testid"], $a = ["data-testid"], ja = ["data-testid"], Na = ["data-testid"], Oa = {
   name: "ConfigCardItem",
   components: { JsonCardItem: bi, StatusBadge: ga, InternalLinkItem: ma }
-}, Fa = /* @__PURE__ */ X({
+}, Fa = /* @__PURE__ */ ee({
   ...Oa,
   props: {
     item: {
@@ -986,9 +986,9 @@ const ne = {
       "5036b738": u.value && c.value ? "100%" : i.slim ? "50%" : "25%",
       "5038fd13": u.value && c.value ? "100%" : i.slim ? "50%" : "75%"
     }));
-    const i = e, a = t, r = Tt(), { i18n: { t: n, formatUnixTimeStamp: o } } = ne.useI18n(), c = I(() => i.item.value !== void 0 && i.item.value !== null && i.item.value !== ""), l = I(() => !!(i.item.tooltip || r["label-tooltip"])), u = I(() => i.item.type === ee.Json || i.item.type === ee.JsonArray), g = I(() => i.item.type === ee.JsonArray), p = I(() => {
+    const i = e, a = t, r = Tt(), { i18n: { t: n, formatUnixTimeStamp: o } } = ne.useI18n(), c = I(() => i.item.value !== void 0 && i.item.value !== null && i.item.value !== ""), l = I(() => !!(i.item.tooltip || r["label-tooltip"])), u = I(() => i.item.type === te.Json || i.item.type === te.JsonArray), g = I(() => i.item.type === te.JsonArray), p = I(() => {
       switch (i.item.type) {
-        case ee.ID:
+        case te.ID:
           return {
             tag: "KCopy",
             attrs: {
@@ -997,7 +997,7 @@ const ne = {
               text: i.item.value
             }
           };
-        case ee.IdArray:
+        case te.IdArray:
           return {
             tag: "div",
             additionalComponent: "KCopy",
@@ -1005,7 +1005,7 @@ const ne = {
               "copy-tooltip": n("baseConfigCard.copy.tooltip", { label: i.item.label })
             }
           };
-        case ee.Redacted:
+        case te.Redacted:
           return {
             tag: "KCopy",
             attrs: {
@@ -1015,7 +1015,7 @@ const ne = {
               text: i.item.value
             }
           };
-        case ee.RedactedArray:
+        case te.RedactedArray:
           return {
             tag: "div",
             additionalComponent: "KCopy",
@@ -1024,7 +1024,7 @@ const ne = {
               "copy-tooltip": n("baseConfigCard.copy.tooltip", { label: i.item.label })
             }
           };
-        case ee.Date:
+        case te.Date:
           return {
             tag: "div",
             attrs: {
@@ -1032,7 +1032,7 @@ const ne = {
             },
             text: o(i.item.value)
           };
-        case ee.BadgeStatus:
+        case te.BadgeStatus:
           return {
             tag: "StatusBadge",
             attrs: {
@@ -1040,17 +1040,17 @@ const ne = {
               status: i.item.value
             }
           };
-        case ee.BadgeTag:
+        case te.BadgeTag:
           return {
             tag: "div",
             additionalComponent: "KBadge"
           };
-        case ee.BadgeMethod:
+        case te.BadgeMethod:
           return {
             tag: "div",
             additionalComponent: "KMethodBadge"
           };
-        case ee.LinkInternal:
+        case te.LinkInternal:
           return {
             tag: "InternalLinkItem",
             attrs: {
@@ -1061,7 +1061,7 @@ const ne = {
               }
             }
           };
-        case ee.LinkExternal:
+        case te.LinkExternal:
           return {
             tag: "KExternalLink",
             attrs: {
@@ -1070,7 +1070,7 @@ const ne = {
             },
             text: i.item.value
           };
-        case ee.Json:
+        case te.Json:
           return {
             tag: "JsonCardItem",
             attrs: {
@@ -1078,7 +1078,7 @@ const ne = {
               item: i.item
             }
           };
-        case ee.JsonArray:
+        case te.JsonArray:
           return {
             tag: "div",
             additionalComponent: "JsonCardItem",
@@ -1104,10 +1104,10 @@ const ne = {
           class: "config-card-details-label",
           "data-testid": `${e.item.key}-label`
         }, [
-          te(x.$slots, "label", { item: e.item }, () => [
+          ie(x.$slots, "label", { item: e.item }, () => [
             k(C, { "tooltip-attributes": { maxWidth: "500px" } }, Ke({
               default: h(() => [
-                J($(e.item.label) + " ", 1)
+                W($(e.item.label) + " ", 1)
               ]),
               _: 2
             }, [
@@ -1117,8 +1117,8 @@ const ne = {
                   V("div", {
                     "data-testid": `${e.item.key}-label-tooltip`
                   }, [
-                    te(x.$slots, "label-tooltip", {}, () => [
-                      J($(e.item.tooltip), 1)
+                    ie(x.$slots, "label-tooltip", {}, () => [
+                      W($(e.item.tooltip), 1)
                     ], !0)
                   ], 8, Sa)
                 ]),
@@ -1131,7 +1131,7 @@ const ne = {
           class: "config-card-details-value",
           "data-testid": `${e.item.key}-property-value`
         }, [
-          te(x.$slots, e.item.key, {
+          ie(x.$slots, e.item.key, {
             rowValue: e.item.value
           }, () => [
             c.value ? (b(), A("div", Aa, [
@@ -1149,7 +1149,7 @@ const ne = {
                       "truncation-tooltip": ""
                     }, {
                       default: h(() => [
-                        J($(s), 1)
+                        W($(s), 1)
                       ]),
                       _: 2
                     }, 1032, ["data-testid", "tooltip"]))), 128))
@@ -1176,7 +1176,7 @@ const ne = {
                       "data-testid": `${e.item.key}-badge-method-${S}`
                     }, {
                       default: h(() => [
-                        J($(s), 1)
+                        W($(s), 1)
                       ]),
                       _: 2
                     }, 1032, ["appearance", "data-testid"]))), 128))
@@ -1219,7 +1219,7 @@ const ne = {
 }), wi = /* @__PURE__ */ ve(Fa, [["__scopeId", "data-v-d056663c"]]), Ma = { class: "json-config" }, Va = {
   key: 0,
   class: "json-endpoint"
-}, _i = /* @__PURE__ */ X({
+}, _i = /* @__PURE__ */ ee({
   __name: "JsonCodeBlock",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -1265,7 +1265,7 @@ const ne = {
             appearance: t.requestMethod
           }, {
             default: h(() => [
-              J($(t.requestMethod), 1)
+              W($(t.requestMethod), 1)
             ]),
             _: 1
           }, 8, ["appearance"]),
@@ -2656,7 +2656,7 @@ var Pn = ce, Dn = Si, zn = Ti, Hn = Fi, Gn = Mi, Jn = Ot, Wn = Yi.load, Zn = Yi.
   safeLoadAll: tl,
   safeDump: il
 };
-const al = { class: "yaml-config" }, cr = /* @__PURE__ */ X({
+const al = { class: "yaml-config" }, cr = /* @__PURE__ */ ee({
   __name: "YamlCodeBlock",
   props: {
     /** A record to indicate the entity's configuration, used to populate the YAML code block */
@@ -2689,7 +2689,7 @@ const al = { class: "yaml-config" }, cr = /* @__PURE__ */ X({
 }, nl = ["data-testid"], ll = {
   key: 0,
   class: "config-card-prop-section-title"
-}, sl = /* @__PURE__ */ X({
+}, sl = /* @__PURE__ */ ee({
   __name: "ConfigCardDisplay",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -2747,10 +2747,10 @@ const al = { class: "yaml-config" }, cr = /* @__PURE__ */ X({
             item: u
           }, Ke({
             label: h(() => [
-              te(o.$slots, `${u.key}-label`, { row: u }, void 0, !0)
+              ie(o.$slots, `${u.key}-label`, { row: u }, void 0, !0)
             ]),
             [u.key]: h(({ rowValue: g }) => [
-              te(o.$slots, u.key, {
+              ie(o.$slots, u.key, {
                 row: u,
                 rowValue: g
               }, void 0, !0)
@@ -2760,7 +2760,7 @@ const al = { class: "yaml-config" }, cr = /* @__PURE__ */ X({
             r(u) ? {
               name: "label-tooltip",
               fn: h(() => [
-                te(o.$slots, `${u.key}-label-tooltip`, { row: u }, void 0, !0)
+                ie(o.$slots, `${u.key}-label-tooltip`, { row: u }, void 0, !0)
               ]),
               key: "0"
             } : void 0
@@ -2791,7 +2791,7 @@ const al = { class: "yaml-config" }, cr = /* @__PURE__ */ X({
 }, fl = /* @__PURE__ */ ul(() => /* @__PURE__ */ V("path", {
   d: "M11 19V13H5V11H11V5H13V11H19V13H13V19H11Z",
   fill: "currentColor"
-}, null, -1)), ml = /* @__PURE__ */ X({
+}, null, -1)), ml = /* @__PURE__ */ ee({
   __name: "AddIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -2890,7 +2890,7 @@ const al = { class: "yaml-config" }, cr = /* @__PURE__ */ X({
 }, bl = /* @__PURE__ */ yl(() => /* @__PURE__ */ V("path", {
   d: "M14 9.9V8.2C14.55 7.96667 15.1125 7.79167 15.6875 7.675C16.2625 7.55833 16.8667 7.5 17.5 7.5C17.9333 7.5 18.3583 7.53333 18.775 7.6C19.1917 7.66667 19.6 7.75 20 7.85V9.45C19.6 9.3 19.1958 9.1875 18.7875 9.1125C18.3792 9.0375 17.95 9 17.5 9C16.8667 9 16.2583 9.07917 15.675 9.2375C15.0917 9.39583 14.5333 9.61667 14 9.9ZM14 15.4V13.7C14.55 13.4667 15.1125 13.2917 15.6875 13.175C16.2625 13.0583 16.8667 13 17.5 13C17.9333 13 18.3583 13.0333 18.775 13.1C19.1917 13.1667 19.6 13.25 20 13.35V14.95C19.6 14.8 19.1958 14.6875 18.7875 14.6125C18.3792 14.5375 17.95 14.5 17.5 14.5C16.8667 14.5 16.2583 14.575 15.675 14.725C15.0917 14.875 14.5333 15.1 14 15.4ZM14 12.65V10.95C14.55 10.7167 15.1125 10.5417 15.6875 10.425C16.2625 10.3083 16.8667 10.25 17.5 10.25C17.9333 10.25 18.3583 10.2833 18.775 10.35C19.1917 10.4167 19.6 10.5 20 10.6V12.2C19.6 12.05 19.1958 11.9375 18.7875 11.8625C18.3792 11.7875 17.95 11.75 17.5 11.75C16.8667 11.75 16.2583 11.8292 15.675 11.9875C15.0917 12.1458 14.5333 12.3667 14 12.65ZM6.5 16C7.28333 16 8.04583 16.0875 8.7875 16.2625C9.52917 16.4375 10.2667 16.7 11 17.05V7.2C10.3167 6.8 9.59167 6.5 8.825 6.3C8.05833 6.1 7.28333 6 6.5 6C5.9 6 5.30417 6.05833 4.7125 6.175C4.12083 6.29167 3.55 6.46667 3 6.7V16.6C3.58333 16.4 4.1625 16.25 4.7375 16.15C5.3125 16.05 5.9 16 6.5 16ZM13 17.05C13.7333 16.7 14.4708 16.4375 15.2125 16.2625C15.9542 16.0875 16.7167 16 17.5 16C18.1 16 18.6875 16.05 19.2625 16.15C19.8375 16.25 20.4167 16.4 21 16.6V6.7C20.45 6.46667 19.8792 6.29167 19.2875 6.175C18.6958 6.05833 18.1 6 17.5 6C16.7167 6 15.9417 6.1 15.175 6.3C14.4083 6.5 13.6833 6.8 13 7.2V17.05ZM12 20C11.2 19.3667 10.3333 18.875 9.4 18.525C8.46667 18.175 7.5 18 6.5 18C5.8 18 5.1125 18.0917 4.4375 18.275C3.7625 18.4583 3.11667 18.7167 2.5 19.05C2.15 19.2333 1.8125 19.225 1.4875 19.025C1.1625 18.825 1 18.5333 1 18.15V6.1C1 5.91667 1.04583 5.74167 1.1375 5.575C1.22917 5.40833 1.36667 5.28333 1.55 5.2C2.31667 4.8 3.11667 4.5 3.95 4.3C4.78333 4.1 5.63333 4 6.5 4C7.46667 4 8.4125 4.125 9.3375 4.375C10.2625 4.625 11.15 5 12 5.5C12.85 5 13.7375 4.625 14.6625 4.375C15.5875 4.125 16.5333 4 17.5 4C18.3667 4 19.2167 4.1 20.05 4.3C20.8833 4.5 21.6833 4.8 22.45 5.2C22.6333 5.28333 22.7708 5.40833 22.8625 5.575C22.9542 5.74167 23 5.91667 23 6.1V18.15C23 18.5333 22.8375 18.825 22.5125 19.025C22.1875 19.225 21.85 19.2333 21.5 19.05C20.8833 18.7167 20.2375 18.4583 19.5625 18.275C18.8875 18.0917 18.2 18 17.5 18C16.5 18 15.5333 18.175 14.6 18.525C13.6667 18.875 12.8 19.3667 12 20Z",
   fill: "currentColor"
-}, null, -1)), wl = /* @__PURE__ */ X({
+}, null, -1)), wl = /* @__PURE__ */ ee({
   __name: "BookIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -2989,7 +2989,7 @@ const al = { class: "yaml-config" }, cr = /* @__PURE__ */ X({
 }, Il = /* @__PURE__ */ kl(() => /* @__PURE__ */ V("path", {
   d: "M12 15.4L6 9.4L7.4 8L12 12.6L16.6 8L18 9.4L12 15.4Z",
   fill: "currentColor"
-}, null, -1)), xl = /* @__PURE__ */ X({
+}, null, -1)), xl = /* @__PURE__ */ ee({
   __name: "ChevronDownIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -3088,7 +3088,7 @@ const al = { class: "yaml-config" }, cr = /* @__PURE__ */ X({
 }, Nl = /* @__PURE__ */ Tl(() => /* @__PURE__ */ V("path", {
   d: "M6.4 19L5 17.6L10.6 12L5 6.4L6.4 5L12 10.6L17.6 5L19 6.4L13.4 12L19 17.6L17.6 19L12 13.4L6.4 19Z",
   fill: "currentColor"
-}, null, -1)), Ol = /* @__PURE__ */ X({
+}, null, -1)), Ol = /* @__PURE__ */ ee({
   __name: "CloseIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -3184,7 +3184,7 @@ const al = { class: "yaml-config" }, cr = /* @__PURE__ */ X({
 }), Fl = /* @__PURE__ */ gt(Ol, [["__scopeId", "data-v-ed11facd"]]), Ml = {
   class: "config-card-title",
   "data-testid": "config-card-title"
-}, Vl = { class: "config-card-actions" }, El = ["href"], ql = { class: "config-card-details-section" }, Ll = /* @__PURE__ */ X({
+}, Vl = { class: "config-card-actions" }, El = ["href"], ql = { class: "config-card-details-section" }, Ll = /* @__PURE__ */ ee({
   __name: "EntityBaseConfigCard",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -3281,7 +3281,7 @@ const al = { class: "yaml-config" }, cr = /* @__PURE__ */ X({
       g.value = y == null ? void 0 : y.value;
     }, _ = {
       id: {
-        type: ee.ID,
+        type: te.ID,
         label: n("baseConfigCard.commonFields.id_label"),
         order: 0,
         section: ue.Basic
@@ -3291,24 +3291,24 @@ const al = { class: "yaml-config" }, cr = /* @__PURE__ */ X({
         section: ue.Basic
       },
       enabled: {
-        type: ee.BadgeStatus,
+        type: te.BadgeStatus,
         order: 2,
         section: ue.Basic
       },
       updated_at: {
-        type: ee.Date,
+        type: te.Date,
         label: n("baseConfigCard.commonFields.updated_at_label"),
         order: 3,
         section: ue.Basic
       },
       created_at: {
-        type: ee.Date,
+        type: te.Date,
         label: n("baseConfigCard.commonFields.created_at_label"),
         order: 4,
         section: ue.Basic
       },
       tags: {
-        type: ee.BadgeTag,
+        type: te.BadgeTag,
         order: -1,
         // the last property displayed
         section: ue.Basic
@@ -3327,15 +3327,15 @@ const al = { class: "yaml-config" }, cr = /* @__PURE__ */ X({
         return q[1] - R[1];
       }), N.map((q) => {
         var R, z;
-        const Q = q[0], le = (R = C.value) == null ? void 0 : R[Q], me = ((z = r.configSchema) == null ? void 0 : z[Q]) || {}, ie = _[Q];
+        const Q = q[0], le = (R = C.value) == null ? void 0 : R[Q], me = ((z = r.configSchema) == null ? void 0 : z[Q]) || {}, re = _[Q];
         return {
           key: Q,
           value: le,
           hidden: me.hidden || !1,
-          type: me.type ?? ((ie == null ? void 0 : ie.type) || ee.Text),
-          label: me.label ?? ((ie == null ? void 0 : ie.label) || c(Q)),
-          tooltip: me.tooltip ?? ((ie == null ? void 0 : ie.tooltip) || void 0),
-          section: me.section ?? ((ie == null ? void 0 : ie.section) || ue.Advanced)
+          type: me.type ?? ((re == null ? void 0 : re.type) || te.Text),
+          label: me.label ?? ((re == null ? void 0 : re.label) || c(Q)),
+          tooltip: me.tooltip ?? ((re == null ? void 0 : re.tooltip) || void 0),
+          section: me.section ?? ((re == null ? void 0 : re.section) || ue.Advanced)
         };
       }).filter((q) => !q.hidden && q.key !== r.pluginConfigKey);
     }), j = I(() => {
@@ -3357,7 +3357,7 @@ const al = { class: "yaml-config" }, cr = /* @__PURE__ */ X({
           key: z,
           value: Q,
           hidden: le.hidden || !1,
-          type: le.type ?? ee.Text,
+          type: le.type ?? te.Text,
           label: le.label ?? c(z),
           tooltip: le.tooltip ?? void 0,
           section: ue.Plugin
@@ -3408,13 +3408,13 @@ const al = { class: "yaml-config" }, cr = /* @__PURE__ */ X({
       }, Ke({
         actions: h(() => [
           V("div", Vl, [
-            te(y.$slots, "actions", {}, void 0, !0),
+            ie(y.$slots, "actions", {}, void 0, !0),
             k(L, {
               class: "config-format-select-label",
               "data-testid": "config-format-select-label"
             }, {
               default: h(() => [
-                J($(e.label), 1)
+                W($(e.label), 1)
               ]),
               _: 1
             }),
@@ -3470,7 +3470,7 @@ const al = { class: "yaml-config" }, cr = /* @__PURE__ */ X({
               ye(Object.keys(y.$slots), (Q) => ({
                 name: Q,
                 fn: h(({ row: le, rowValue: me }) => [
-                  te(y.$slots, Q, {
+                  ie(y.$slots, Q, {
                     row: le,
                     rowValue: me
                   }, void 0, !0)
@@ -3485,8 +3485,8 @@ const al = { class: "yaml-config" }, cr = /* @__PURE__ */ X({
           name: "title",
           fn: h(() => [
             V("span", Ml, [
-              te(y.$slots, "title", {}, () => [
-                J($(f(n)("baseConfigCard.title")), 1)
+              ie(y.$slots, "title", {}, () => [
+                W($(f(n)("baseConfigCard.title")), 1)
               ], !0)
             ])
           ]),
@@ -3498,7 +3498,7 @@ const al = { class: "yaml-config" }, cr = /* @__PURE__ */ X({
 }), Ul = /* @__PURE__ */ ve(Ll, [["__scopeId", "data-v-f40a683b"]]), Bl = ["novalidate"], Kl = {
   class: "form-actions",
   "data-testid": "form-actions"
-}, Rl = /* @__PURE__ */ X({
+}, Rl = /* @__PURE__ */ ee({
   __name: "EntityBaseForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -3621,7 +3621,7 @@ const al = { class: "yaml-config" }, cr = /* @__PURE__ */ X({
             onReset: Le(B, ["prevent"]),
             onSubmit: Le(j, ["prevent"])
           }, [
-            te(s.$slots, "default", {}, void 0, !0),
+            ie(s.$slots, "default", {}, void 0, !0),
             e.errorMessage ? (b(), D(L, {
               key: 0,
               appearance: "danger",
@@ -3629,14 +3629,14 @@ const al = { class: "yaml-config" }, cr = /* @__PURE__ */ X({
               message: e.errorMessage
             }, null, 8, ["message"])) : G("", !0),
             V("div", Kl, [
-              te(s.$slots, "form-actions", {}, () => [
+              ie(s.$slots, "form-actions", {}, () => [
                 k(N, {
                   appearance: "tertiary",
                   "data-testid": "form-view-configuration",
                   onClick: S[0] || (S[0] = (z) => O())
                 }, {
                   default: h(() => [
-                    J($(f(o)("baseForm.actions.viewConfiguration")), 1)
+                    W($(f(o)("baseForm.actions.viewConfiguration")), 1)
                   ]),
                   _: 1
                 }),
@@ -3647,7 +3647,7 @@ const al = { class: "yaml-config" }, cr = /* @__PURE__ */ X({
                   type: "reset"
                 }, {
                   default: h(() => [
-                    J($(f(o)("baseForm.actions.cancel")), 1)
+                    W($(f(o)("baseForm.actions.cancel")), 1)
                   ]),
                   _: 1
                 }, 8, ["disabled"]),
@@ -3658,7 +3658,7 @@ const al = { class: "yaml-config" }, cr = /* @__PURE__ */ X({
                   type: "submit"
                 }, {
                   default: h(() => [
-                    J($(f(o)("baseForm.actions.save")), 1)
+                    W($(f(o)("baseForm.actions.save")), 1)
                   ]),
                   _: 1
                 }, 8, ["disabled"])
@@ -3703,7 +3703,7 @@ const al = { class: "yaml-config" }, cr = /* @__PURE__ */ X({
       });
     };
   }
-}), Pl = /* @__PURE__ */ ve(Rl, [["__scopeId", "data-v-3def74fe"]]), Dl = ["data-truncate"], zl = /* @__PURE__ */ X({
+}), Pl = /* @__PURE__ */ ve(Rl, [["__scopeId", "data-v-3def74fe"]]), Dl = ["data-truncate"], zl = /* @__PURE__ */ ee({
   __name: "EntityBaseTableCell",
   props: {
     keyName: {
@@ -3778,18 +3778,18 @@ const al = { class: "yaml-config" }, cr = /* @__PURE__ */ X({
             text: O.value ? _.value : ""
           }, {
             default: h(() => [
-              te(C.$slots, "default", {}, void 0, !0)
+              ie(C.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
           }, 8, ["text"])
-        ], 8, Dl)) : te(C.$slots, "default", { key: 1 }, void 0, !0)
+        ], 8, Dl)) : ie(C.$slots, "default", { key: 1 }, void 0, !0)
       ], 512);
     };
   }
 }), Hl = /* @__PURE__ */ ve(zl, [["__scopeId", "data-v-471ce76e"]]), Gl = { class: "toolbar-container" }, Jl = {
   key: 0,
   class: "toolbar-button-container"
-}, Wl = ["data-testid"], Zl = /* @__PURE__ */ X({
+}, Wl = ["data-testid"], Zl = /* @__PURE__ */ ee({
   __name: "EntityBaseTable",
   props: {
     // table header configuration
@@ -4010,9 +4010,9 @@ const al = { class: "yaml-config" }, cr = /* @__PURE__ */ X({
           }, Ke({
             toolbar: h(({ state: z }) => [
               Se(V("div", Gl, [
-                te(y.$slots, "toolbar-filter", {}, void 0, !0),
+                ie(y.$slots, "toolbar-filter", {}, void 0, !0),
                 y.$slots["toolbar-button"] ? (b(), A("div", Jl, [
-                  te(y.$slots, "toolbar-button", {}, void 0, !0)
+                  ie(y.$slots, "toolbar-button", {}, void 0, !0)
                 ])) : G("", !0)
               ], 512), [
                 [Ie, c(z)]
@@ -4028,7 +4028,7 @@ const al = { class: "yaml-config" }, cr = /* @__PURE__ */ X({
                   width: e.dropdownMenuWidth
                 }, {
                   items: h(() => [
-                    te(y.$slots, "actions", {
+                    ie(y.$slots, "actions", {
                       row: z,
                       rowKey: Q,
                       rowValue: le
@@ -4058,19 +4058,19 @@ const al = { class: "yaml-config" }, cr = /* @__PURE__ */ X({
           }, [
             ye(e.tableHeaders, (z, Q) => ({
               name: Q,
-              fn: h(({ row: le, rowKey: me, rowValue: ie }) => [
+              fn: h(({ row: le, rowKey: me, rowValue: re }) => [
                 k(Hl, {
                   "key-name": String(Q),
                   "row-el": p(le),
                   tooltip: z.tooltip
                 }, {
                   default: h(() => [
-                    te(y.$slots, Q, {
+                    ie(y.$slots, Q, {
                       row: le,
                       rowKey: me,
-                      rowValue: ie
+                      rowValue: re
                     }, () => [
-                      J($(ie), 1)
+                      W($(re), 1)
                     ], !0)
                   ]),
                   _: 2
@@ -4096,7 +4096,7 @@ const al = { class: "yaml-config" }, cr = /* @__PURE__ */ X({
 }, Xl = {
   key: 1,
   class: "description"
-}, es = /* @__PURE__ */ X({
+}, es = /* @__PURE__ */ ee({
   __name: "EntityDeleteModal",
   props: {
     visible: {
@@ -4157,7 +4157,7 @@ const al = { class: "yaml-config" }, cr = /* @__PURE__ */ X({
           e.error ? (b(), A("div", Ql, [
             k(g, { appearance: "danger" }, {
               default: h(() => [
-                J($(e.error), 1)
+                W($(e.error), 1)
               ]),
               _: 1
             })
@@ -4168,7 +4168,7 @@ const al = { class: "yaml-config" }, cr = /* @__PURE__ */ X({
             tag: "p"
           }, Ke({
             entityType: h(() => [
-              J($(a.entityType), 1)
+              W($(a.entityType), 1)
             ]),
             _: 2
           }, [
@@ -4181,7 +4181,7 @@ const al = { class: "yaml-config" }, cr = /* @__PURE__ */ X({
             } : void 0
           ]), 1032, ["keypath"]),
           a.description || l.$slots.description ? (b(), A("div", Xl, [
-            te(l.$slots, "description", {}, () => [
+            ie(l.$slots, "description", {}, () => [
               V("p", null, $(a.description), 1)
             ], !0)
           ])) : G("", !0)
@@ -4204,7 +4204,7 @@ const al = { class: "yaml-config" }, cr = /* @__PURE__ */ X({
   width: "20",
   x: "0",
   y: "0"
-}, as = ["fill"], os = { mask: "url(#mask0_180_20349)" }, ns = ["fill"], li = /* @__PURE__ */ X({
+}, as = ["fill"], os = { mask: "url(#mask0_180_20349)" }, ns = ["fill"], li = /* @__PURE__ */ ee({
   __name: "IconFilter",
   props: {
     color: {
@@ -4232,7 +4232,7 @@ const al = { class: "yaml-config" }, cr = /* @__PURE__ */ X({
 }), ls = {
   key: 1,
   class: "kong-ui-entity-filter"
-}, ss = { class: "kong-ui-entity-filter-menu" }, cs = ["data-testid"], us = ["onClick", "onKeydown"], ds = { class: "menu-item-indicator" }, ps = { class: "menu-item-body" }, fs = ["for"], ms = { class: "menu-item-buttons" }, gs = { class: "filter-clear-button-container" }, ys = /* @__PURE__ */ X({
+}, ss = { class: "kong-ui-entity-filter-menu" }, cs = ["data-testid"], us = ["onClick", "onKeydown"], ds = { class: "menu-item-indicator" }, ps = { class: "menu-item-body" }, fs = ["for"], ms = { class: "menu-item-buttons" }, gs = { class: "filter-clear-button-container" }, ys = /* @__PURE__ */ ee({
   __name: "EntityFilter",
   props: {
     // filter config, either exact match or fuzzy match
@@ -4332,7 +4332,7 @@ const al = { class: "yaml-config" }, cr = /* @__PURE__ */ X({
         }, {
           default: h(() => [
             k(li),
-            J(" " + $(f(i)("filter.filterButtonText")) + " " + $(l.value.length > 0 ? `(${l.value.length})` : ""), 1)
+            W(" " + $(f(i)("filter.filterButtonText")) + " " + $(l.value.length > 0 ? `(${l.value.length})` : ""), 1)
           ]),
           _: 1
         }),
@@ -4357,7 +4357,7 @@ const al = { class: "yaml-config" }, cr = /* @__PURE__ */ X({
                 onClick: (R) => p(N.value),
                 onKeydown: fr((R) => p(N.value), ["enter"])
               }, [
-                J($(N.label) + " ", 1),
+                W($(N.label) + " ", 1),
                 Se(V("span", ds, null, 512), [
                   [Ie, l.value.includes(N.value)]
                 ]),
@@ -4398,7 +4398,7 @@ const al = { class: "yaml-config" }, cr = /* @__PURE__ */ X({
                   onClick: S[0] || (S[0] = (R) => Y(!0))
                 }, {
                   default: h(() => [
-                    J($(f(i)("filter.applyButtonText")), 1)
+                    W($(f(i)("filter.applyButtonText")), 1)
                   ]),
                   _: 1
                 }),
@@ -4409,7 +4409,7 @@ const al = { class: "yaml-config" }, cr = /* @__PURE__ */ X({
                   onClick: (R) => B(N.value)
                 }, {
                   default: h(() => [
-                    J($(f(i)("filter.clearButtonText")), 1)
+                    W($(f(i)("filter.clearButtonText")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -4425,7 +4425,7 @@ const al = { class: "yaml-config" }, cr = /* @__PURE__ */ X({
               onClick: j
             }, {
               default: h(() => [
-                J($(f(i)("filter.clearAllButtonText")), 1)
+                W($(f(i)("filter.clearAllButtonText")), 1)
               ]),
               _: 1
             })
@@ -4436,7 +4436,7 @@ const al = { class: "yaml-config" }, cr = /* @__PURE__ */ X({
       ]));
     };
   }
-}), vs = /* @__PURE__ */ ve(ys, [["__scopeId", "data-v-9a370e3a"]]), hs = /* @__PURE__ */ X({
+}), vs = /* @__PURE__ */ ve(ys, [["__scopeId", "data-v-9a370e3a"]]), hs = /* @__PURE__ */ ee({
   __name: "EntityToggleModal",
   props: {
     visible: {
@@ -4502,7 +4502,7 @@ const al = { class: "yaml-config" }, cr = /* @__PURE__ */ X({
               scope: "global"
             }, {
               entityType: h(() => [
-                J($(e.entityType), 1)
+                W($(e.entityType), 1)
               ]),
               entityName: h(() => [
                 V("strong", null, $(e.entityName), 1)
@@ -4515,7 +4515,7 @@ const al = { class: "yaml-config" }, cr = /* @__PURE__ */ X({
       ]);
     };
   }
-}), Ge = /* @__PURE__ */ X({
+}), Ge = /* @__PURE__ */ ee({
   __name: "PermissionsWrapper",
   props: {
     /**
@@ -4540,7 +4540,7 @@ const al = { class: "yaml-config" }, cr = /* @__PURE__ */ X({
     const t = e, i = E(void 0), a = I(() => i.value === !0 || i.value !== void 0 && t.forceShow === !0);
     return _e(() => t.authFunction, async () => {
       i.value = await t.authFunction();
-    }, { immediate: !0 }), (r, n) => a.value ? te(r.$slots, "default", {
+    }, { immediate: !0 }), (r, n) => a.value ? ie(r.$slots, "default", {
       key: 0,
       isAllowed: i.value
     }) : G("", !0);
@@ -4581,7 +4581,7 @@ const Ss = ["aria-labelledby"], Is = { class: "form-section-wrapper" }, xs = {
 }, As = {
   key: 2,
   class: "form-section-footer"
-}, Ts = { class: "form-section-content" }, $s = /* @__PURE__ */ X({
+}, Ts = { class: "form-section-content" }, $s = /* @__PURE__ */ ee({
   __name: "EntityFormSection",
   props: {
     title: {
@@ -4627,26 +4627,26 @@ const Ss = ["aria-labelledby"], Is = { class: "form-section-wrapper" }, xs = {
             class: "form-section-title"
           }, {
             default: h(() => [
-              J($(e.title), 1)
+              W($(e.title), 1)
             ]),
             _: 1
           }, 8, ["id"])) : G("", !0),
           e.description || f(t).description ? (b(), A("div", xs, [
-            te(a.$slots, "description", {}, () => [
+            ie(a.$slots, "description", {}, () => [
               V("p", null, $(e.description), 1)
             ], !0)
           ])) : G("", !0),
           f(t).footer ? (b(), A("div", As, [
-            te(a.$slots, "footer", {}, void 0, !0)
+            ie(a.$slots, "footer", {}, void 0, !0)
           ])) : G("", !0)
         ], 2)),
         V("div", Ts, [
-          te(a.$slots, "default", {}, void 0, !0)
+          ie(a.$slots, "default", {}, void 0, !0)
         ])
       ])
     ], 10, Ss));
   }
-}), ci = /* @__PURE__ */ ve($s, [["__scopeId", "data-v-b1f74200"]]), { useAxios: ur, useDeleteUrlBuilder: js, useErrors: Ns, useExternalLinkCreator: uc, useFetchUrlBuilder: dc, useFetcher: Os, useDebouncedFilter: pc, useStringHelpers: fc, useHelpers: Fs, useGatewayFeatureSupported: Ms, useTruncationDetector: mc, useValidators: Vs } = ne, Es = { class: "kong-ui-entities-gateway-services-list" }, qs = { key: 1 }, Ls = { key: 1 }, Us = /* @__PURE__ */ X({
+}), ci = /* @__PURE__ */ ve($s, [["__scopeId", "data-v-b1f74200"]]), { useAxios: ur, useDeleteUrlBuilder: js, useErrors: Ns, useExternalLinkCreator: uc, useFetchUrlBuilder: dc, useFetcher: Os, useDebouncedFilter: pc, useStringHelpers: fc, useHelpers: Fs, useGatewayFeatureSupported: Ms, useTruncationDetector: mc, useValidators: Vs } = ne, Es = { class: "kong-ui-entities-gateway-services-list" }, qs = { key: 1 }, Ls = { key: 1 }, Us = /* @__PURE__ */ ee({
   __name: "GatewayServiceList",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -4718,10 +4718,10 @@ const Ss = ["aria-labelledby"], Is = { class: "form-section-wrapper" }, xs = {
           isExactMatch: m,
           placeholder: r(`search.placeholder.${a.config.app}`)
         };
-      const { name: F, enabled: P, protocol: W, host: re, port: w, path: we } = u;
+      const { name: F, enabled: P, protocol: J, host: X, port: w, path: we } = u;
       return {
         isExactMatch: m,
-        fields: { name: F, enabled: P, protocol: W, host: re, port: w, path: we },
+        fields: { name: F, enabled: P, protocol: J, host: X, port: w, path: we },
         schema: a.config.filterSchema
       };
     }), { fetcher: O, fetcherState: C } = Os(a.config, p.value), B = () => {
@@ -4740,8 +4740,8 @@ const Ss = ["aria-labelledby"], Is = { class: "form-section-wrapper" }, xs = {
         name: ""
       };
       if (y.value) {
-        const { enabled: F, id: P, name: W } = y.value;
-        m.action = F ? "disable" : "enable", m.id = P, m.name = W || P;
+        const { enabled: F, id: P, name: J } = y.value;
+        m.action = F ? "disable" : "enable", m.id = P, m.name = J || P;
       }
       return m;
     }), L = (m) => {
@@ -4749,12 +4749,12 @@ const Ss = ["aria-labelledby"], Is = { class: "form-section-wrapper" }, xs = {
     }, N = () => {
       S.value = !1, y.value = null;
     }, H = async () => {
-      var W, re;
-      if (!await ((W = a.canEdit) == null ? void 0 : W.call(a, y.value)) || !y.value)
+      var J, X;
+      if (!await ((J = a.canEdit) == null ? void 0 : J.call(a, y.value)) || !y.value)
         return;
       const F = `${_.value.href}/${y.value.id}`, P = !y.value.enabled;
       try {
-        const { data: w } = ((re = a.config) == null ? void 0 : re.app) === "konnect" ? await o.put(F, { ...y.value, enabled: P }) : await o.patch(F, { ...y.value, enabled: P });
+        const { data: w } = ((X = a.config) == null ? void 0 : X.app) === "konnect" ? await o.put(F, { ...y.value, enabled: P }) : await o.patch(F, { ...y.value, enabled: P });
         i("toggle:success", w);
       } catch (w) {
         i("error", w);
@@ -4799,29 +4799,29 @@ const Ss = ["aria-labelledby"], Is = { class: "form-section-wrapper" }, xs = {
     }), me = (m) => ({
       label: r("actions.edit"),
       to: a.config.getEditRoute(m)
-    }), ie = E(void 0), je = E(!1), Pe = E(!1), De = E(""), yt = js(a.config, p.value), ze = (m) => {
-      ie.value = m, je.value = !0;
+    }), re = E(void 0), je = E(!1), Pe = E(!1), De = E(""), yt = js(a.config, p.value), ze = (m) => {
+      re.value = m, je.value = !0;
     }, rt = () => {
-      je.value = !1, ie.value = void 0;
+      je.value = !1, re.value = void 0;
     }, Ne = async () => {
       var m, F, P;
-      if ((m = ie.value) != null && m.id) {
+      if ((m = re.value) != null && m.id) {
         Pe.value = !0;
         try {
-          await o.delete(yt(ie.value.id)), i("delete:success", ie.value), rt(), c.value++;
-        } catch (W) {
-          De.value = ((P = (F = W.response) == null ? void 0 : F.data) == null ? void 0 : P.message) || W.message || r("errors.delete"), i("error", W);
+          await o.delete(yt(re.value.id)), i("delete:success", re.value), rt(), c.value++;
+        } catch (J) {
+          De.value = ((P = (F = J.response) == null ? void 0 : F.data) == null ? void 0 : P.message) || J.message || r("errors.delete"), i("error", J);
         } finally {
           Pe.value = !1;
         }
       }
     }, Me = E(!0);
     _e(C, (m) => {
-      var F, P, W, re;
+      var F, P, J, X;
       if (Array.isArray((F = m == null ? void 0 : m.response) == null ? void 0 : F.data) && (Me.value = m.response.data.length > 0), m.status === Oe.Error) {
         Y.value = {
           title: r("errors.general")
-        }, (re = (W = (P = m.error) == null ? void 0 : P.response) == null ? void 0 : W.data) != null && re.message && (Y.value.message = m.error.response.data.message), i("error", m.error);
+        }, (X = (J = (P = m.error) == null ? void 0 : P.response) == null ? void 0 : J.data) != null && X.message && (Y.value.message = m.error.response.data.message), i("error", m.error);
         return;
       }
       Y.value = null;
@@ -4830,7 +4830,7 @@ const Ss = ["aria-labelledby"], Is = { class: "form-section-wrapper" }, xs = {
     return At(async () => {
       Ve.value = await a.canCreate();
     }), (m, F) => {
-      const P = K("KButton"), W = K("KBadge"), re = K("KInputSwitch"), w = K("KTruncate"), we = K("KDropdownItem"), U = K("KClipboardProvider");
+      const P = K("KButton"), J = K("KBadge"), X = K("KInputSwitch"), w = K("KTruncate"), we = K("KDropdownItem"), U = K("KClipboardProvider");
       return b(), A("div", Es, [
         k(f(Yl), {
           "cache-identifier": e.cacheIdentifier,
@@ -4874,7 +4874,7 @@ const Ss = ["aria-labelledby"], Is = { class: "form-section-wrapper" }, xs = {
                     }, {
                       default: h(() => [
                         k(f(xr)),
-                        J(" " + $(f(r)("gateway_services.list.toolbar_actions.new_gateway_service")), 1)
+                        W(" " + $(f(r)("gateway_services.list.toolbar_actions.new_gateway_service")), 1)
                       ]),
                       _: 1
                     }, 8, ["to"]), [
@@ -4893,14 +4893,14 @@ const Ss = ["aria-labelledby"], Is = { class: "form-section-wrapper" }, xs = {
           control_plane: h(({ row: Z }) => {
             var ge;
             return [
-              (ge = Z.x_meta) != null && ge.cluster_id ? (b(), D(W, {
+              (ge = Z.x_meta) != null && ge.cluster_id ? (b(), D(J, {
                 key: 0,
                 tooltip: Z.x_meta.cluster_id,
                 "truncation-tooltip": "",
                 onClick: Le((He) => q(Z.x_meta.cluster_id), ["stop"])
               }, {
                 default: h(() => [
-                  J($(Z.x_meta.cluster_id), 1)
+                  W($(Z.x_meta.cluster_id), 1)
                 ]),
                 _: 2
               }, 1032, ["tooltip", "onClick"])) : (b(), A("b", qs, "-"))
@@ -4916,7 +4916,7 @@ const Ss = ["aria-labelledby"], Is = { class: "form-section-wrapper" }, xs = {
                   onClick: F[1] || (F[1] = Le(() => {
                   }, ["stop"]))
                 }, [
-                  k(re, {
+                  k(X, {
                     modelValue: Z.enabled,
                     "onUpdate:modelValue": (He) => Z.enabled = He,
                     "data-testid": `row-${Z.id}-toggle-input`,
@@ -4931,13 +4931,13 @@ const Ss = ["aria-labelledby"], Is = { class: "form-section-wrapper" }, xs = {
           tags: h(({ rowValue: Z }) => [
             (Z == null ? void 0 : Z.length) > 0 ? (b(), D(w, { key: 0 }, {
               default: h(() => [
-                (b(!0), A(he, null, ye(Z, (ge) => (b(), D(W, {
+                (b(!0), A(he, null, ye(Z, (ge) => (b(), D(J, {
                   key: ge,
                   onClick: F[2] || (F[2] = Le(() => {
                   }, ["stop"]))
                 }, {
                   default: h(() => [
-                    J($(ge), 1)
+                    W($(ge), 1)
                   ]),
                   _: 2
                 }, 1024))), 128))
@@ -4953,7 +4953,7 @@ const Ss = ["aria-labelledby"], Is = { class: "form-section-wrapper" }, xs = {
                   onClick: (He) => R(Z, ge)
                 }, {
                   default: h(() => [
-                    J($(f(r)("actions.copy_id")), 1)
+                    W($(f(r)("actions.copy_id")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -4967,7 +4967,7 @@ const Ss = ["aria-labelledby"], Is = { class: "form-section-wrapper" }, xs = {
                   onClick: (He) => z(Z, ge)
                 }, {
                   default: h(() => [
-                    J($(f(r)("actions.copy_json")), 1)
+                    W($(f(r)("actions.copy_json")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -5008,7 +5008,7 @@ const Ss = ["aria-labelledby"], Is = { class: "form-section-wrapper" }, xs = {
                   onClick: (ge) => ze(Z)
                 }, {
                   default: h(() => [
-                    J($(f(r)("actions.delete.menu_label")), 1)
+                    W($(f(r)("actions.delete.menu_label")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -5031,7 +5031,7 @@ const Ss = ["aria-labelledby"], Is = { class: "form-section-wrapper" }, xs = {
         k(f(ts), {
           "action-pending": Pe.value,
           description: f(r)("actions.delete.description"),
-          "entity-name": ie.value && (ie.value.name || ie.value.id),
+          "entity-name": re.value && (re.value.name || re.value.id),
           "entity-type": f(mi).GatewayService,
           error: De.value,
           title: f(r)("actions.delete.title"),
@@ -5068,7 +5068,7 @@ const Ss = ["aria-labelledby"], Is = { class: "form-section-wrapper" }, xs = {
 }, ic = {
   key: 1,
   class: "checkbox-aligned-radio"
-}, rc = /* @__PURE__ */ X({
+}, rc = /* @__PURE__ */ ee({
   __name: "GatewayServiceForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -5219,11 +5219,11 @@ const Ss = ["aria-labelledby"], Is = { class: "form-section-wrapper" }, xs = {
         return !0;
       const d = ["https", "wss", "tls"].includes(s.fields.protocol);
       return C.value === "protocol" && d;
-    }), ie = (d) => {
+    }), re = (d) => {
       j.value = p.utf8Name(d);
     }, je = I(() => O.value && JSON.stringify(s.fields) !== JSON.stringify(S) || C.value === "url" && !!s.fields.url || C.value === "protocol" && !!s.fields.host), Pe = (d) => {
       var m, F, P;
-      s.fields.name = (d == null ? void 0 : d.name) || "", s.fields.tags = ((m = d == null ? void 0 : d.tags) == null ? void 0 : m.join(",")) || "", s.fields.protocol = (d == null ? void 0 : d.protocol) || "http", s.fields.path = (d == null ? void 0 : d.path) || "", s.fields.read_timeout = d != null && d.read_timeout || (d == null ? void 0 : d.read_timeout) === 0 ? d == null ? void 0 : d.read_timeout : 6e4, s.fields.retries = d != null && d.retries || (d == null ? void 0 : d.retries) === 0 ? d == null ? void 0 : d.retries : 5, s.fields.host = (d == null ? void 0 : d.host) || "", s.fields.connect_timeout = d != null && d.connect_timeout || (d == null ? void 0 : d.connect_timeout) === 0 ? d == null ? void 0 : d.connect_timeout : 6e4, s.fields.tls_verify_enabled = (d == null ? void 0 : d.tls_verify) !== "" && (d == null ? void 0 : d.tls_verify) !== null && (d == null ? void 0 : d.tls_verify) !== void 0, s.fields.tls_verify_value = d != null && d.tls_verify ? d == null ? void 0 : d.tls_verify : !1, s.fields.ca_certificates = ((F = d == null ? void 0 : d.ca_certificates) == null ? void 0 : F.join(",")) || "", s.fields.client_certificate = ((P = d == null ? void 0 : d.client_certificate) == null ? void 0 : P.id) || "", s.fields.write_timeout = d != null && d.write_timeout || (d == null ? void 0 : d.write_timeout) === 0 ? d == null ? void 0 : d.write_timeout : 6e4, s.fields.port = d != null && d.port || (d == null ? void 0 : d.port) === 0 ? d == null ? void 0 : d.port : 80, Object.assign(S, s.fields);
+      s.fields.name = (d == null ? void 0 : d.name) || "", s.fields.tags = ((m = d == null ? void 0 : d.tags) == null ? void 0 : m.join(", ")) || "", s.fields.protocol = (d == null ? void 0 : d.protocol) || "http", s.fields.path = (d == null ? void 0 : d.path) || "", s.fields.read_timeout = d != null && d.read_timeout || (d == null ? void 0 : d.read_timeout) === 0 ? d == null ? void 0 : d.read_timeout : 6e4, s.fields.retries = d != null && d.retries || (d == null ? void 0 : d.retries) === 0 ? d == null ? void 0 : d.retries : 5, s.fields.host = (d == null ? void 0 : d.host) || "", s.fields.connect_timeout = d != null && d.connect_timeout || (d == null ? void 0 : d.connect_timeout) === 0 ? d == null ? void 0 : d.connect_timeout : 6e4, s.fields.tls_verify_enabled = (d == null ? void 0 : d.tls_verify) !== "" && (d == null ? void 0 : d.tls_verify) !== null && (d == null ? void 0 : d.tls_verify) !== void 0, s.fields.tls_verify_value = d != null && d.tls_verify ? d == null ? void 0 : d.tls_verify : !1, s.fields.ca_certificates = ((F = d == null ? void 0 : d.ca_certificates) == null ? void 0 : F.join(",")) || "", s.fields.client_certificate = ((P = d == null ? void 0 : d.client_certificate) == null ? void 0 : P.id) || "", s.fields.write_timeout = d != null && d.write_timeout || (d == null ? void 0 : d.write_timeout) === 0 ? d == null ? void 0 : d.write_timeout : 6e4, s.fields.port = d != null && d.port || (d == null ? void 0 : d.port) === 0 ? d == null ? void 0 : d.port : 80, Object.assign(S, s.fields);
     }, De = () => {
       o.push(r.config.cancelRoute);
     }, yt = I(() => {
@@ -5238,10 +5238,10 @@ const Ss = ["aria-labelledby"], Is = { class: "form-section-wrapper" }, xs = {
       let m = "";
       d.url && (m = new URL(d.url).protocol), (["https", "wss", "tls"].includes(d.protocol) || ["https", "wss", "tls"].includes(m)) && (d.tls_verify = d.tls_verify_enabled ? d.tls_verify_value : null), delete d.tls_verify_enabled, delete d.tls_verify_value;
     }, Ne = I(() => {
-      var m, F;
+      var m, F, P, J;
       const d = {
         name: s.fields.name || null,
-        tags: s.fields.tags ? (m = s.fields.tags) == null ? void 0 : m.split(",").filter((P) => P !== "") : null,
+        tags: s.fields.tags ? (P = (F = (m = s.fields.tags) == null ? void 0 : m.split(",")) == null ? void 0 : F.map((X) => String(X || "").trim())) == null ? void 0 : P.filter((X) => X !== "") : null,
         protocol: s.fields.protocol,
         path: s.fields.path || null,
         read_timeout: s.fields.read_timeout,
@@ -5250,7 +5250,7 @@ const Ss = ["aria-labelledby"], Is = { class: "form-section-wrapper" }, xs = {
         connect_timeout: s.fields.connect_timeout,
         tls_verify_value: s.fields.tls_verify_value,
         tls_verify_enabled: s.fields.tls_verify_enabled,
-        ca_certificates: s.fields.ca_certificates ? (F = s.fields.ca_certificates) == null ? void 0 : F.split(",").filter((P) => P !== "") : null,
+        ca_certificates: s.fields.ca_certificates ? (J = s.fields.ca_certificates) == null ? void 0 : J.split(",").filter((X) => X !== "") : null,
         client_certificate: s.fields.client_certificate ? { id: s.fields.client_certificate } : null,
         write_timeout: s.fields.write_timeout,
         port: s.fields.port,
@@ -5261,16 +5261,16 @@ const Ss = ["aria-labelledby"], Is = { class: "form-section-wrapper" }, xs = {
       var d, m, F, P;
       try {
         s.isReadonly = !0, R();
-        const W = Ne.value;
-        rt(W);
-        let re;
-        if (await g.post(yt.value, W), v.value === "create" ? re = await g.post(ze.value, W) : v.value === "edit" && (re = ((d = r.config) == null ? void 0 : d.app) === "konnect" ? await g.put(ze.value, W) : await g.patch(ze.value, W)), re) {
-          const { data: w } = re;
-          s.fields.name = (w == null ? void 0 : w.name) || "", s.fields.port = w.port || B.getPortFromProtocol(w.protocol), s.fields.protocol = (w == null ? void 0 : w.protocol) || "http", s.fields.host = (w == null ? void 0 : w.host) || "", s.fields.path = (w == null ? void 0 : w.path) || "", s.fields.url = (w == null ? void 0 : w.url) || "", s.fields.retries = w != null && w.retries || (w == null ? void 0 : w.retries) === 0 ? w == null ? void 0 : w.retries : 5, s.fields.connect_timeout = w != null && w.connect_timeout || (w == null ? void 0 : w.connect_timeout) === 0 ? w == null ? void 0 : w.connect_timeout : 6e4, s.fields.write_timeout = w != null && w.write_timeout || (w == null ? void 0 : w.write_timeout) === 0 ? w == null ? void 0 : w.write_timeout : 6e4, s.fields.read_timeout = w != null && w.read_timeout || (w == null ? void 0 : w.read_timeout) === 0 ? w == null ? void 0 : w.read_timeout : 6e4, s.fields.client_certificate = ((m = w == null ? void 0 : w.client_certificate) == null ? void 0 : m.id) || "", s.fields.ca_certificates = (F = w == null ? void 0 : w.ca_certificates) != null && F.length ? w == null ? void 0 : w.ca_certificates.join(",") : "", s.fields.tls_verify_enabled = (w == null ? void 0 : w.tls_verify) !== "" && (w == null ? void 0 : w.tls_verify) !== null && (w == null ? void 0 : w.tls_verify) !== void 0, s.fields.tls_verify_value = s.fields.tls_verify_enabled && (w == null ? void 0 : w.tls_verify), s.fields.tags = (P = w == null ? void 0 : w.tags) != null && P.length ? w == null ? void 0 : w.tags.join(",") : "", Object.assign(S, s.fields), a("update", re == null ? void 0 : re.data);
+        const J = Ne.value;
+        rt(J);
+        let X;
+        if (await g.post(yt.value, J), v.value === "create" ? X = await g.post(ze.value, J) : v.value === "edit" && (X = ((d = r.config) == null ? void 0 : d.app) === "konnect" ? await g.put(ze.value, J) : await g.patch(ze.value, J)), X) {
+          const { data: w } = X;
+          s.fields.name = (w == null ? void 0 : w.name) || "", s.fields.port = w.port || B.getPortFromProtocol(w.protocol), s.fields.protocol = (w == null ? void 0 : w.protocol) || "http", s.fields.host = (w == null ? void 0 : w.host) || "", s.fields.path = (w == null ? void 0 : w.path) || "", s.fields.url = (w == null ? void 0 : w.url) || "", s.fields.retries = w != null && w.retries || (w == null ? void 0 : w.retries) === 0 ? w == null ? void 0 : w.retries : 5, s.fields.connect_timeout = w != null && w.connect_timeout || (w == null ? void 0 : w.connect_timeout) === 0 ? w == null ? void 0 : w.connect_timeout : 6e4, s.fields.write_timeout = w != null && w.write_timeout || (w == null ? void 0 : w.write_timeout) === 0 ? w == null ? void 0 : w.write_timeout : 6e4, s.fields.read_timeout = w != null && w.read_timeout || (w == null ? void 0 : w.read_timeout) === 0 ? w == null ? void 0 : w.read_timeout : 6e4, s.fields.client_certificate = ((m = w == null ? void 0 : w.client_certificate) == null ? void 0 : m.id) || "", s.fields.ca_certificates = (F = w == null ? void 0 : w.ca_certificates) != null && F.length ? w == null ? void 0 : w.ca_certificates.join(",") : "", s.fields.tls_verify_enabled = (w == null ? void 0 : w.tls_verify) !== "" && (w == null ? void 0 : w.tls_verify) !== null && (w == null ? void 0 : w.tls_verify) !== void 0, s.fields.tls_verify_value = s.fields.tls_verify_enabled && (w == null ? void 0 : w.tls_verify), s.fields.tags = (P = w == null ? void 0 : w.tags) != null && P.length ? w.tags.join(", ") : "", Object.assign(S, s.fields), a("update", X == null ? void 0 : X.data);
         }
-        return re;
-      } catch (W) {
-        s.errorMessage = u(W), a("error", W);
+        return X;
+      } catch (J) {
+        s.errorMessage = u(J), a("error", J);
       } finally {
         s.isReadonly = !1;
       }
@@ -5287,7 +5287,7 @@ const Ss = ["aria-labelledby"], Is = { class: "form-section-wrapper" }, xs = {
       saveFormData: Me,
       canSubmit: je
     }), (d, m) => {
-      const F = K("KInput"), P = K("KLabel"), W = K("KRadio"), re = K("KSelect"), w = K("KCheckbox"), we = K("KCollapse");
+      const F = K("KInput"), P = K("KLabel"), J = K("KRadio"), X = K("KSelect"), w = K("KCheckbox"), we = K("KCollapse");
       return b(), A("div", Bs, [
         k(f(Pl), {
           "can-submit": je.value,
@@ -5304,7 +5304,7 @@ const Ss = ["aria-labelledby"], Is = { class: "form-section-wrapper" }, xs = {
           onSubmit: Me
         }, {
           "form-actions": h(() => [
-            te(d.$slots, "form-actions", {
+            ie(d.$slots, "form-actions", {
               canSubmit: je.value,
               cancel: De,
               submit: Me
@@ -5331,7 +5331,7 @@ const Ss = ["aria-labelledby"], Is = { class: "form-section-wrapper" }, xs = {
                   placeholder: f(l)("gateway_services.form.fields.name.placeholder"),
                   readonly: s.isReadonly,
                   type: "text",
-                  onInput: ie
+                  onInput: re
                 }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder", "readonly"]),
                 k(F, {
                   modelValue: s.fields.tags,
@@ -5360,13 +5360,13 @@ const Ss = ["aria-labelledby"], Is = { class: "form-section-wrapper" }, xs = {
                   V("div", Rs, [
                     k(P, { required: "" }, {
                       default: h(() => [
-                        J($(f(l)("gateway_services.form.sections.keys.checkedGroupLabel")), 1)
+                        W($(f(l)("gateway_services.form.sections.keys.checkedGroupLabel")), 1)
                       ]),
                       _: 1
                     })
                   ]),
                   V("div", Ps, [
-                    k(W, {
+                    k(J, {
                       modelValue: C.value,
                       "onUpdate:modelValue": m[2] || (m[2] = (U) => C.value = U),
                       "data-testid": "gateway-service-url-radio",
@@ -5374,7 +5374,7 @@ const Ss = ["aria-labelledby"], Is = { class: "form-section-wrapper" }, xs = {
                       onChange: q
                     }, {
                       default: h(() => [
-                        J($(f(l)("gateway_services.form.sections.keys.urlLabel")), 1)
+                        W($(f(l)("gateway_services.form.sections.keys.urlLabel")), 1)
                       ]),
                       _: 1
                     }, 8, ["modelValue", "selected-value"])
@@ -5395,7 +5395,7 @@ const Ss = ["aria-labelledby"], Is = { class: "form-section-wrapper" }, xs = {
                       required: ""
                     }, null, 8, ["modelValue", "label", "label-attributes", "placeholder"])
                   ])) : G("", !0),
-                  k(W, {
+                  k(J, {
                     modelValue: C.value,
                     "onUpdate:modelValue": m[4] || (m[4] = (U) => C.value = U),
                     "checked-group": "protocol",
@@ -5404,13 +5404,13 @@ const Ss = ["aria-labelledby"], Is = { class: "form-section-wrapper" }, xs = {
                     onChange: q
                   }, {
                     default: h(() => [
-                      J($(f(l)("gateway_services.form.sections.keys.checkedGroupAltLabel")), 1)
+                      W($(f(l)("gateway_services.form.sections.keys.checkedGroupAltLabel")), 1)
                     ]),
                     _: 1
                   }, 8, ["modelValue", "selected-value"])
                 ])),
                 C.value === "protocol" || O.value ? (b(), A("div", zs, [
-                  k(re, {
+                  k(X, {
                     modelValue: s.fields.protocol,
                     "onUpdate:modelValue": m[5] || (m[5] = (U) => s.fields.protocol = U),
                     "data-testid": "gateway-service-protocol-select",
@@ -5618,7 +5618,7 @@ const Ss = ["aria-labelledby"], Is = { class: "form-section-wrapper" }, xs = {
                           _: 1
                         }, 8, ["modelValue", "description", "label"]),
                         s.fields.tls_verify_enabled ? (b(), A("div", tc, [
-                          k(W, {
+                          k(J, {
                             modelValue: s.fields.tls_verify_value,
                             "onUpdate:modelValue": m[22] || (m[22] = (U) => s.fields.tls_verify_value = U),
                             "data-testid": "gateway-service-tls-verify-true-option",
@@ -5627,7 +5627,7 @@ const Ss = ["aria-labelledby"], Is = { class: "form-section-wrapper" }, xs = {
                           }, null, 8, ["modelValue", "label"])
                         ])) : G("", !0),
                         s.fields.tls_verify_enabled ? (b(), A("div", ic, [
-                          k(W, {
+                          k(J, {
                             modelValue: s.fields.tls_verify_value,
                             "onUpdate:modelValue": m[23] || (m[23] = (U) => s.fields.tls_verify_value = U),
                             "data-testid": "gateway-service-tls-verify-false-option",
@@ -5649,7 +5649,7 @@ const Ss = ["aria-labelledby"], Is = { class: "form-section-wrapper" }, xs = {
       ]);
     };
   }
-}), yc = /* @__PURE__ */ dr(rc, [["__scopeId", "data-v-7beacaec"]]), ac = { class: "kong-ui-gateway-service-entity-config-card" }, vc = /* @__PURE__ */ X({
+}), yc = /* @__PURE__ */ dr(rc, [["__scopeId", "data-v-54ae3bef"]]), ac = { class: "kong-ui-gateway-service-entity-config-card" }, vc = /* @__PURE__ */ ee({
   __name: "GatewayServiceConfigCard",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -5725,7 +5725,7 @@ const Ss = ["aria-labelledby"], Is = { class: "form-section-wrapper" }, xs = {
         tooltip: i("gateway_services.form.fields.client_certificate.tooltip")
       },
       ca_certificates: {
-        type: ee.BadgeTag,
+        type: te.BadgeTag,
         label: i("gateway_services.form.fields.ca_certificates.label"),
         order: 6
       },
@@ -5787,10 +5787,10 @@ const Ss = ["aria-labelledby"], Is = { class: "form-section-wrapper" }, xs = {
           })
         ]),
         tls_verify: h((g) => [
-          J($(typeof f(n)("rowValue", g) == "boolean" ? o("rowValue", g) : f(i)("gateway_services.form.fields.tls_verify_option.unset.display")), 1)
+          W($(typeof f(n)("rowValue", g) == "boolean" ? o("rowValue", g) : f(i)("gateway_services.form.fields.tls_verify_option.unset.display")), 1)
         ]),
         client_certificate: h((g) => [
-          J($(f(n)("rowValue", g) ? f(n)("rowValue", g).id : "–"), 1)
+          W($(f(n)("rowValue", g) ? f(n)("rowValue", g).id : "–"), 1)
         ]),
         _: 1
       }, 8, ["config", "config-card-doc", "config-schema", "fetch-url", "hide-title"])