@kong-ui-public/entities-gateway-services 3.8.29-pr.1756.f5b0b2e2e.0 → 3.8.29

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

@@ -1,9 +1,9 @@
-import { defineComponent as Ve, ref as V, computed as h, watch as ke, onBeforeMount as xe, resolveComponent as A, openBlock as S, createElementBlock as U, createVNode as u, unref as o, withCtx as p, createBlock as Ce, Teleport as Ae, withDirectives as Fe, createTextVNode as E, toDisplayString as _, vShow as $e, createElementVNode as C, withModifiers as we, reactive as Se, onMounted as De, renderSlot as Be, createCommentVNode as L } from "vue";
-import { useRouter as Ue } from "vue-router";
-import { AddIcon as Ge } from "@kong/icons";
-import { createI18n as Le, i18nTComponent as Ke } from "@kong-ui-public/i18n";
-import { useAxios as Ee, useFetcher as qe, useDeleteUrlBuilder as Ne, FetcherStatus as Ie, EntityBaseTable as We, EntityFilter as Oe, PermissionsWrapper as le, TableTags as je, EntityToggleModal as He, EntityDeleteModal as Je, EntityTypes as ze, useErrors as Qe, useValidators as Xe, EntityBaseFormType as Te, useGatewayFeatureSupported as Ye, EntityBaseForm as Ze, SupportedEntityType as Me, EntityFormSection as Pe, useHelpers as et, ConfigurationSchemaSection as ne, ConfigurationSchemaType as tt, EntityBaseConfigCard as lt } from "@kong-ui-public/entities-shared";
-const ot = {
+import { defineComponent as Se, ref as V, computed as h, watch as Ve, onBeforeMount as Ae, resolveComponent as R, openBlock as w, createElementBlock as I, createVNode as u, unref as o, withCtx as p, createBlock as ne, Teleport as Fe, withDirectives as $e, createTextVNode as E, toDisplayString as _, vShow as De, createElementVNode as S, withModifiers as ce, Fragment as Be, renderList as Le, reactive as Ie, onMounted as Ge, renderSlot as Ke, createCommentVNode as L } from "vue";
+import { useRouter as Ee } from "vue-router";
+import { AddIcon as qe } from "@kong/icons";
+import { createI18n as Ne, i18nTComponent as We } from "@kong-ui-public/i18n";
+import { useAxios as Me, useFetcher as Oe, useDeleteUrlBuilder as je, FetcherStatus as Te, EntityBaseTable as He, EntityFilter as Je, PermissionsWrapper as oe, EntityToggleModal as ze, EntityDeleteModal as Qe, EntityTypes as Xe, useErrors as Ye, useValidators as Ze, EntityBaseFormType as Pe, useGatewayFeatureSupported as et, EntityBaseForm as tt, SupportedEntityType as Re, EntityFormSection as Ue, useHelpers as lt, ConfigurationSchemaSection as de, ConfigurationSchemaType as ot, EntityBaseConfigCard as it } from "@kong-ui-public/entities-shared";
+const st = {
   create: "New Gateway Service",
   serverless_create: "Add a Service",
   copy_id: "Copy ID",
@@ -16,12 +16,12 @@ const ot = {
     description: "Deleting this Gateway Service will also remove any associated plugins. This action cannot be reversed.",
     menu_label: "Delete"
   }
-}, it = {
+}, rt = {
   placeholder: {
     konnect: "Filter by name",
     kongManager: "Filter by exact name or ID"
   }
-}, st = {
+}, at = {
   title: "Gateway Services",
   list: {
     toolbar_actions: {
@@ -164,33 +164,33 @@ const ot = {
       }
     }
   }
-}, rt = {
+}, nt = {
   general: "Gateway Services could not be retrieved",
   delete: "The gateway service could not be deleted at this time.",
   copy: "Failed to copy to clipboard",
   urlErrorMessage: "Error: invalid URL"
-}, at = {
+}, ct = {
   success: "Copied {val} to clipboard",
   success_brief: "Successfully copied to clipboard"
-}, nt = {
+}, dt = {
   gateway_services: "gateway services"
-}, ct = {
-  actions: ot,
-  search: it,
-  gateway_services: st,
-  errors: rt,
-  copy: at,
-  glossary: nt
+}, ut = {
+  actions: st,
+  search: rt,
+  gateway_services: at,
+  errors: nt,
+  copy: ct,
+  glossary: dt
 };
-function dt() {
-  const n = Le("en-us", ct);
+function ft() {
+  const n = Ne("en-us", ut);
   return {
     i18n: n,
-    i18nT: Ke(n)
+    i18nT: We(n)
     // Translation component <i18n-t>
   };
 }
-function ut() {
+function pt() {
   return {
     getPortFromProtocol: ($, m) => {
       const d = [80, 443], r = Number(m);
@@ -212,31 +212,31 @@ function ut() {
     }
   };
 }
-const ue = {
-  useI18n: dt,
-  usePortFromProtocol: ut
-}, ce = "/v2/control-planes/{controlPlaneId}/core-entities", de = "/{workspace}", oe = {
+const pe = {
+  useI18n: ft,
+  usePortFromProtocol: pt
+}, ue = "/v2/control-planes/{controlPlaneId}/core-entities", fe = "/{workspace}", ie = {
   list: {
     konnect: {
-      all: `${ce}/services`
+      all: `${ue}/services`
     },
     kongManager: {
-      all: `${de}/services`
+      all: `${fe}/services`
     }
   },
   form: {
     konnect: {
-      create: `${ce}/services`,
-      validate: `${ce}/v1/schemas/json/service/validate`,
-      edit: `${ce}/services/{id}`
+      create: `${ue}/services`,
+      validate: `${ue}/v1/schemas/json/service/validate`,
+      edit: `${ue}/services/{id}`
     },
     kongManager: {
-      create: `${de}/services`,
-      validate: `${de}/schemas/services/validate`,
-      edit: `${de}/services/{id}`
+      create: `${fe}/services`,
+      validate: `${fe}/schemas/services/validate`,
+      edit: `${fe}/services/{id}`
     }
   }
-}, ft = { class: "kong-ui-entities-gateway-services-list" }, pt = { key: 1 }, mt = /* @__PURE__ */ Ve({
+}, mt = { class: "kong-ui-entities-gateway-services-list" }, vt = { key: 1 }, yt = { key: 1 }, gt = /* @__PURE__ */ Se({
   __name: "GatewayServiceList",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -287,8 +287,8 @@ const ue = {
   },
   emits: ["error", "copy:success", "copy:error", "delete:success", "toggle:success"],
   setup(n, { emit: $ }) {
-    var P;
-    const m = $, d = n, { i18n: { t: r, formatUnixTimeStamp: M } } = ue.useI18n(), W = Ue(), { axiosInstance: K } = Ee((P = d.config) == null ? void 0 : P.axiosRequestConfig), s = V(1), I = h(() => d.config.app !== "kongManager" || !!d.config.disableSorting), b = {
+    var U;
+    const m = $, d = n, { i18n: { t: r, formatUnixTimeStamp: x } } = pe.useI18n(), O = Ee(), { axiosInstance: G } = Me((U = d.config) == null ? void 0 : U.axiosRequestConfig), s = V(1), T = h(() => d.config.app !== "kongManager" || !!d.config.disableSorting), b = {
       // the Name column is non-hidable
       name: { label: r("gateway_services.list.table_headers.name"), searchable: !0, sortable: !0, hidable: !1 },
       ...d.config.showControlPlaneColumn ? { control_plane: { label: r("gateway_services.list.table_headers.control_plane") } } : {},
@@ -300,65 +300,65 @@ const ue = {
       tags: { label: r("gateway_services.list.table_headers.tags"), sortable: !1 },
       updated_at: { label: r("gateway_services.list.table_headers.updated_at"), sortable: !0 },
       created_at: { label: r("gateway_services.list.table_headers.created_at"), sortable: !0 }
-    }, fe = {
+    }, me = {
       columnVisibility: {
         created_at: !1
       }
-    }, pe = b, F = h(() => {
+    }, ve = b, F = h(() => {
       var f, l;
-      let a = `${d.config.apiBaseUrl}${oe.list[d.config.app].all}`;
+      let a = `${d.config.apiBaseUrl}${ie.list[d.config.app].all}`;
       return d.config.app === "konnect" ? a = a.replace(/{controlPlaneId}/gi, ((f = d.config) == null ? void 0 : f.controlPlaneId) || "") : d.config.app === "kongManager" && (a = a.replace(/\/{workspace}/gi, (l = d.config) != null && l.workspace ? `/${d.config.workspace}` : "")), a;
-    }), me = h(() => d.config.apiBaseUrl.startsWith("/") ? new URL(`${window.location.origin}${F.value}`) : new URL(F.value)), D = V(""), w = h(() => {
+    }), ye = h(() => d.config.apiBaseUrl.startsWith("/") ? new URL(`${window.location.origin}${F.value}`) : new URL(F.value)), D = V(""), k = h(() => {
       const a = d.config.app === "konnect" || d.config.isExactMatch;
       if (a)
         return {
           isExactMatch: a,
           placeholder: r(`search.placeholder.${d.config.app}`)
         };
-      const { name: f, enabled: l, protocol: k, host: c, port: x, path: ae } = b;
+      const { name: f, enabled: l, protocol: C, host: c, port: N, path: W } = b;
       return {
         isExactMatch: a,
-        fields: { name: f, enabled: l, protocol: k, host: c, port: x, path: ae },
+        fields: { name: f, enabled: l, protocol: C, host: c, port: N, path: W },
         schema: d.config.filterSchema
       };
-    }), { fetcher: j, fetcherState: H } = qe(d.config, F.value), ve = () => {
+    }), { fetcher: H, fetcherState: J } = Oe(d.config, F.value), ge = () => {
       D.value = "";
     }, e = () => {
       s.value++;
-    }, y = V(null), J = V(!1), ge = h(() => ({
+    }, g = V(null), z = V(!1), _e = h(() => ({
       ctaPath: d.config.createRoute,
-      ctaText: g.value ? d.isServerless ? r("actions.serverless_create") : r("actions.create") : void 0,
+      ctaText: y.value ? d.isServerless ? r("actions.serverless_create") : r("actions.create") : void 0,
       message: `${r("gateway_services.list.empty_state.description")}${d.config.additionMessageForEmptyState ? ` ${d.config.additionMessageForEmptyState}` : ""}`,
-      title: g.value ? d.isServerless ? r("gateway_services.list.empty_state.serverless_title") : r("gateway_services.list.empty_state.title") : r("gateway_services.title")
-    })), O = V(!1), T = V(null), B = h(() => {
+      title: y.value ? d.isServerless ? r("gateway_services.list.empty_state.serverless_title") : r("gateway_services.list.empty_state.title") : r("gateway_services.title")
+    })), j = V(!1), P = V(null), B = h(() => {
       const a = {
         action: "disable",
         id: "",
         name: ""
       };
-      if (T.value) {
-        const { enabled: f, id: l, name: k } = T.value;
-        a.action = f ? "disable" : "enable", a.id = l, a.name = k || l;
+      if (P.value) {
+        const { enabled: f, id: l, name: C } = P.value;
+        a.action = f ? "disable" : "enable", a.id = l, a.name = C || l;
       }
       return a;
-    }), ie = (a) => {
-      O.value = !0, T.value = a;
-    }, z = () => {
-      O.value = !1, T.value = null;
-    }, se = async () => {
-      var k, c;
-      if (!await ((k = d.canEdit) == null ? void 0 : k.call(d, T.value)) || !T.value)
+    }), se = (a) => {
+      j.value = !0, P.value = a;
+    }, Q = () => {
+      j.value = !1, P.value = null;
+    }, re = async () => {
+      var C, c;
+      if (!await ((C = d.canEdit) == null ? void 0 : C.call(d, P.value)) || !P.value)
         return;
-      const f = `${me.value.href}/${T.value.id}`, l = !T.value.enabled;
+      const f = `${ye.value.href}/${P.value.id}`, l = !P.value.enabled;
       try {
-        const { data: x } = ((c = d.config) == null ? void 0 : c.app) === "konnect" ? await K.put(f, { ...T.value, enabled: l }) : await K.patch(f, { ...T.value, enabled: l });
-        m("toggle:success", x), T.value.enabled = l;
-      } catch (x) {
-        m("error", x);
+        const { data: N } = ((c = d.config) == null ? void 0 : c.app) === "konnect" ? await G.put(f, { ...P.value, enabled: l }) : await G.patch(f, { ...P.value, enabled: l });
+        m("toggle:success", N), P.value.enabled = l;
+      } catch (N) {
+        m("error", N);
       }
-    }, ye = (a) => {
-      d.config.getControlPlaneRoute && W.push(d.config.getControlPlaneRoute(a));
-    }, _e = (a, f) => {
+    }, be = (a) => {
+      d.config.getControlPlaneRoute && O.push(d.config.getControlPlaneRoute(a));
+    }, he = (a, f) => {
       const l = a.id;
       if (!f(l)) {
         m("copy:error", {
@@ -373,7 +373,7 @@ const ue = {
         field: "id",
         message: r("copy.success", { val: l })
       });
-    }, be = (a, f) => {
+    }, we = (a, f) => {
       const l = JSON.stringify(a);
       if (!f(l)) {
         m("copy:error", {
@@ -386,95 +386,95 @@ const ue = {
         entity: a,
         message: r("copy.success_brief")
       });
-    }, he = async (a) => {
+    }, ke = async (a) => {
       var l;
-      await ((l = d.canRetrieve) == null ? void 0 : l.call(d, a)) && W.push(d.config.getViewRoute(a.id));
-    }, Q = (a) => ({
+      await ((l = d.canRetrieve) == null ? void 0 : l.call(d, a)) && O.push(d.config.getViewRoute(a.id));
+    }, X = (a) => ({
       label: r("actions.view"),
       to: d.config.getViewRoute(a)
-    }), re = (a) => ({
+    }), ae = (a) => ({
       label: r("actions.edit"),
       to: d.config.getEditRoute(a)
-    }), R = V(void 0), X = V(!1), q = V(!1), Y = V(""), N = Ne(d.config, F.value), Z = (a) => {
-      R.value = a, X.value = !0, Y.value = "";
-    }, ee = () => {
-      X.value = !1, R.value = void 0;
+    }), A = V(void 0), Y = V(!1), K = V(!1), Z = V(""), q = je(d.config, F.value), ee = (a) => {
+      A.value = a, Y.value = !0, Z.value = "";
+    }, te = () => {
+      Y.value = !1, A.value = void 0;
     }, t = async () => {
       var a, f, l;
-      if ((a = R.value) != null && a.id) {
-        q.value = !0;
+      if ((a = A.value) != null && a.id) {
+        K.value = !0;
         try {
-          await K.delete(N(R.value.id)), m("delete:success", R.value), ee(), s.value++;
-        } catch (k) {
-          Y.value = ((l = (f = k.response) == null ? void 0 : f.data) == null ? void 0 : l.message) || k.message || r("errors.delete"), m("error", k);
+          await G.delete(q(A.value.id)), m("delete:success", A.value), te(), s.value++;
+        } catch (C) {
+          Z.value = ((l = (f = C.response) == null ? void 0 : f.data) == null ? void 0 : l.message) || C.message || r("errors.delete"), m("error", C);
         } finally {
-          q.value = !1;
+          K.value = !1;
         }
       }
     }, i = V(!1);
-    ke(H, (a) => {
-      var f, l, k, c;
-      if (Array.isArray((f = a == null ? void 0 : a.response) == null ? void 0 : f.data) && (i.value = a.response.data.length > 0), a.status === Ie.NoRecords ? J.value = !0 : J.value = !1, a.status === Ie.Error) {
-        y.value = {
+    Ve(J, (a) => {
+      var f, l, C, c;
+      if (Array.isArray((f = a == null ? void 0 : a.response) == null ? void 0 : f.data) && (i.value = a.response.data.length > 0), a.status === Te.NoRecords ? z.value = !0 : z.value = !1, a.status === Te.Error) {
+        g.value = {
           title: r("errors.general")
-        }, (c = (k = (l = a.error) == null ? void 0 : l.response) == null ? void 0 : k.data) != null && c.message && (y.value.message = a.error.response.data.message), m("error", a.error);
+        }, (c = (C = (l = a.error) == null ? void 0 : l.response) == null ? void 0 : C.data) != null && c.message && (g.value.message = a.error.response.data.message), m("error", a.error);
         return;
       }
-      y.value = null;
+      g.value = null;
     });
-    const g = V(!1);
-    return xe(async () => {
-      g.value = await d.canCreate();
+    const y = V(!1);
+    return Ae(async () => {
+      y.value = await d.canCreate();
     }), (a, f) => {
-      const l = A("KButton"), k = A("KBadge"), c = A("KInputSwitch"), x = A("KDropdownItem"), ae = A("KClipboardProvider");
-      return S(), U("div", ft, [
-        u(o(We), {
+      const l = R("KButton"), C = R("KBadge"), c = R("KInputSwitch"), N = R("KTruncate"), W = R("KDropdownItem"), Ce = R("KClipboardProvider");
+      return w(), I("div", mt, [
+        u(o(He), {
           "cache-identifier": n.cacheIdentifier,
-          "default-table-preferences": fe,
-          "disable-sorting": I.value,
-          "empty-state-options": ge.value,
+          "default-table-preferences": me,
+          "disable-sorting": T.value,
+          "empty-state-options": _e.value,
           "enable-entity-actions": "",
-          "error-message": y.value,
-          fetcher: o(j),
+          "error-message": g.value,
+          fetcher: o(H),
           "fetcher-cache-key": s.value,
-          "hide-toolbar": J.value,
+          "hide-toolbar": z.value,
           "pagination-type": "offset",
           "preferences-storage-key": "kong-ui-entities-gateway-services-list",
           query: D.value,
-          "table-headers": o(pe),
-          onClearSearchInput: ve,
-          "onClick:row": f[2] || (f[2] = (v) => he(v)),
+          "table-headers": o(ve),
+          onClearSearchInput: ge,
+          "onClick:row": f[3] || (f[3] = (v) => ke(v)),
           onSort: e
         }, {
           "toolbar-filter": p(() => [
-            u(o(Oe), {
+            u(o(Je), {
               modelValue: D.value,
               "onUpdate:modelValue": f[0] || (f[0] = (v) => D.value = v),
-              config: w.value
+              config: k.value
             }, null, 8, ["modelValue", "config"])
           ]),
           "toolbar-button": p(() => [
-            (S(), Ce(Ae, {
+            (w(), ne(Fe, {
               disabled: !n.useActionOutside,
               to: "#kong-ui-app-page-header-action-button"
             }, [
-              u(o(le), {
+              u(o(oe), {
                 "auth-function": () => n.canCreate()
               }, {
                 default: p(() => [
-                  Fe(u(l, {
+                  $e(u(l, {
                     appearance: "primary",
                     "data-testid": "toolbar-add-gateway-service",
                     size: n.useActionOutside ? "medium" : "large",
                     to: n.config.createRoute
                   }, {
                     default: p(() => [
-                      u(o(Ge)),
+                      u(o(qe)),
                       E(" " + _(o(r)("gateway_services.list.toolbar_actions.new_gateway_service")), 1)
                     ]),
                     _: 1
                   }, 8, ["size", "to"]), [
-                    [$e, i.value]
+                    [De, i.value]
                   ])
                 ]),
                 _: 1
@@ -482,40 +482,40 @@ const ue = {
             ], 8, ["disabled"]))
           ]),
           name: p(({ rowValue: v }) => [
-            C("b", null, _(v ?? "-"), 1)
+            S("b", null, _(v ?? "-"), 1)
           ]),
           control_plane: p(({ row: v }) => {
-            var G;
+            var M;
             return [
-              (G = v.x_meta) != null && G.cluster_id ? (S(), Ce(k, {
+              (M = v.x_meta) != null && M.cluster_id ? (w(), ne(C, {
                 key: 0,
                 tooltip: v.x_meta.cluster_id,
                 "truncation-tooltip": "",
-                onClick: we((te) => ye(v.x_meta.cluster_id), ["stop"])
+                onClick: ce((le) => be(v.x_meta.cluster_id), ["stop"])
               }, {
                 default: p(() => [
                   E(_(v.x_meta.cluster_id), 1)
                 ]),
                 _: 2
-              }, 1032, ["tooltip", "onClick"])) : (S(), U("b", pt, "-"))
+              }, 1032, ["tooltip", "onClick"])) : (w(), I("b", vt, "-"))
             ];
           }),
           enabled: p(({ row: v }) => [
-            u(o(le), {
+            u(o(oe), {
               "auth-function": () => n.canEdit(v),
               "force-show": ""
             }, {
-              default: p(({ isAllowed: G }) => [
-                C("div", {
-                  onClick: f[1] || (f[1] = we(() => {
+              default: p(({ isAllowed: M }) => [
+                S("div", {
+                  onClick: f[1] || (f[1] = ce(() => {
                   }, ["stop"]))
                 }, [
                   u(c, {
                     modelValue: v.enabled,
-                    "onUpdate:modelValue": (te) => v.enabled = te,
+                    "onUpdate:modelValue": (le) => v.enabled = le,
                     "data-testid": `row-${v.id}-toggle-input`,
-                    disabled: !G,
-                    onClick: we((te) => ie(v), ["prevent"])
+                    disabled: !M,
+                    onClick: ce((le) => se(v), ["prevent"])
                   }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "disabled", "onClick"])
                 ])
               ]),
@@ -523,20 +523,34 @@ const ue = {
             }, 1032, ["auth-function"])
           ]),
           tags: p(({ rowValue: v }) => [
-            u(o(je), { tags: v }, null, 8, ["tags"])
+            (v == null ? void 0 : v.length) > 0 ? (w(), ne(N, { key: 0 }, {
+              default: p(() => [
+                (w(!0), I(Be, null, Le(v, (M) => (w(), ne(C, {
+                  key: M,
+                  onClick: f[2] || (f[2] = ce(() => {
+                  }, ["stop"]))
+                }, {
+                  default: p(() => [
+                    E(_(M), 1)
+                  ]),
+                  _: 2
+                }, 1024))), 128))
+              ]),
+              _: 2
+            }, 1024)) : (w(), I("span", yt, "-"))
           ]),
           created_at: p(({ rowValue: v }) => [
-            E(_(o(M)(v)), 1)
+            E(_(o(x)(v)), 1)
           ]),
           updated_at: p(({ rowValue: v }) => [
-            E(_(o(M)(v)), 1)
+            E(_(o(x)(v)), 1)
           ]),
           actions: p(({ row: v }) => [
-            u(ae, null, {
-              default: p(({ copyToClipboard: G }) => [
-                u(x, {
+            u(Ce, null, {
+              default: p(({ copyToClipboard: M }) => [
+                u(W, {
                   "data-testid": "action-entity-copy-id",
-                  onClick: (te) => _e(v, G)
+                  onClick: (le) => he(v, M)
                 }, {
                   default: p(() => [
                     E(_(o(r)("actions.copy_id")), 1)
@@ -546,11 +560,11 @@ const ue = {
               ]),
               _: 2
             }, 1024),
-            u(ae, null, {
-              default: p(({ copyToClipboard: G }) => [
-                u(x, {
+            u(Ce, null, {
+              default: p(({ copyToClipboard: M }) => [
+                u(W, {
                   "data-testid": "action-entity-copy-json",
-                  onClick: (te) => be(v, G)
+                  onClick: (le) => we(v, M)
                 }, {
                   default: p(() => [
                     E(_(o(r)("actions.copy_json")), 1)
@@ -560,38 +574,38 @@ const ue = {
               ]),
               _: 2
             }, 1024),
-            u(o(le), {
+            u(o(oe), {
               "auth-function": () => n.canRetrieve(v)
             }, {
               default: p(() => [
-                u(x, {
+                u(W, {
                   "data-testid": "action-entity-view",
                   "has-divider": "",
-                  item: Q(v.id)
+                  item: X(v.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            u(o(le), {
+            u(o(oe), {
               "auth-function": () => n.canEdit(v)
             }, {
               default: p(() => [
-                u(x, {
+                u(W, {
                   "data-testid": "action-entity-edit",
-                  item: re(v.id)
+                  item: ae(v.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            u(o(le), {
+            u(o(oe), {
               "auth-function": () => n.canDelete(v)
             }, {
               default: p(() => [
-                u(x, {
+                u(W, {
                   danger: "",
                   "data-testid": "action-entity-delete",
                   "has-divider": "",
-                  onClick: (G) => Z(v)
+                  onClick: (M) => ee(v)
                 }, {
                   default: p(() => [
                     E(_(o(r)("actions.delete.menu_label")), 1)
@@ -604,57 +618,57 @@ const ue = {
           ]),
           _: 1
         }, 8, ["cache-identifier", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "hide-toolbar", "query", "table-headers"]),
-        u(o(He), {
+        u(o(ze), {
           action: B.value.action,
           "entity-id": B.value.id,
           "entity-name": B.value.name,
           "entity-type": o(r)("glossary.gateway_services"),
-          "on-confirm": se,
-          visible: O.value,
-          onCancel: z,
-          onProceed: z
+          "on-confirm": re,
+          visible: j.value,
+          onCancel: Q,
+          onProceed: Q
         }, null, 8, ["action", "entity-id", "entity-name", "entity-type", "visible"]),
-        u(o(Je), {
-          "action-pending": q.value,
+        u(o(Qe), {
+          "action-pending": K.value,
           description: o(r)("actions.delete.description"),
-          "entity-name": R.value && (R.value.name || R.value.id),
-          "entity-type": o(ze).GatewayService,
-          error: Y.value,
+          "entity-name": A.value && (A.value.name || A.value.id),
+          "entity-type": o(Xe).GatewayService,
+          error: Z.value,
           title: o(r)("actions.delete.title"),
-          visible: X.value,
-          onCancel: ee,
+          visible: Y.value,
+          onCancel: te,
           onProceed: t
         }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"])
       ]);
     };
   }
-}), Re = (n, $) => {
+}), xe = (n, $) => {
   const m = n.__vccOpts || n;
   for (const [d, r] of $)
     m[d] = r;
   return m;
-}, Gt = /* @__PURE__ */ Re(mt, [["__scopeId", "data-v-d7870a2d"]]), vt = { class: "kong-ui-entities-gateway-service-form" }, gt = { key: 0 }, yt = { class: "gateway-service-form-traffic-label" }, _t = { class: "gateway-service-form-margin-bottom" }, bt = {
+}, qt = /* @__PURE__ */ xe(gt, [["__scopeId", "data-v-11c07068"]]), _t = { class: "kong-ui-entities-gateway-service-form" }, bt = { key: 0 }, ht = { class: "gateway-service-form-traffic-label" }, wt = { class: "gateway-service-form-margin-bottom" }, kt = {
   key: 0,
   class: "gateway-service-form-group-fields"
-}, ht = {
+}, Ct = {
   key: 1,
   class: "gateway-service-form-group-fields"
-}, wt = { key: 0 }, kt = { class: "gateway-service-form-margin-top" }, Vt = { class: "gateway-service-form-margin-bottom" }, Ct = { class: "gateway-service-form-margin-bottom" }, St = { class: "gateway-service-form-margin-bottom" }, It = { class: "gateway-service-form-margin-bottom" }, Tt = {
+}, Vt = { key: 0 }, St = { class: "gateway-service-form-margin-top" }, It = { class: "gateway-service-form-margin-bottom" }, Tt = { class: "gateway-service-form-margin-bottom" }, Pt = { class: "gateway-service-form-margin-bottom" }, Ut = { class: "gateway-service-form-margin-bottom" }, Et = {
   key: 0,
   class: "gateway-service-form-margin-bottom"
-}, Pt = {
+}, Mt = {
   key: 1,
   class: "gateway-service-form-margin-bottom"
-}, Ut = {
+}, Rt = {
   key: 2,
   class: "gateway-service-form-margin-bottom"
-}, Et = {
+}, xt = {
   key: 0,
   class: "checkbox-aligned-radio"
-}, Mt = {
+}, At = {
   key: 1,
   class: "checkbox-aligned-radio"
-}, Rt = /* @__PURE__ */ Ve({
+}, Ft = /* @__PURE__ */ Se({
   __name: "GatewayServiceForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -678,8 +692,8 @@ const ue = {
   },
   emits: ["update", "error", "url-valid:success", "url-valid:error", "loading", "model-updated"],
   setup(n, { expose: $, emit: m }) {
-    var ee;
-    const d = m, r = n, M = V(!0), W = Ue(), { i18nT: K, i18n: { t: s } } = ue.useI18n(), { getMessageFromError: I } = Qe(), { axiosInstance: b } = Ee((ee = r.config) == null ? void 0 : ee.axiosRequestConfig), fe = Xe(), pe = h(() => oe.form[r.config.app].edit), F = h(() => r.gatewayServiceId ? Te.Edit : Te.Create), me = V(!1), D = h(() => !!r.gatewayServiceId), w = V(D.value ? "protocol" : "url"), j = ue.usePortFromProtocol(), H = V(""), ve = h(() => !!H.value), e = Se({
+    var te;
+    const d = m, r = n, x = V(!0), O = Ee(), { i18nT: G, i18n: { t: s } } = pe.useI18n(), { getMessageFromError: T } = Ye(), { axiosInstance: b } = Me((te = r.config) == null ? void 0 : te.axiosRequestConfig), me = Ze(), ve = h(() => ie.form[r.config.app].edit), F = h(() => r.gatewayServiceId ? Pe.Edit : Pe.Create), ye = V(!1), D = h(() => !!r.gatewayServiceId), k = V(D.value ? "protocol" : "url"), H = pe.usePortFromProtocol(), J = V(""), ge = h(() => !!J.value), e = Ie({
       fields: {
         name: "",
         protocol: "http",
@@ -699,7 +713,7 @@ const ue = {
       },
       isReadonly: !1,
       errorMessage: ""
-    }), y = Se({
+    }), g = Ie({
       name: "",
       protocol: "http",
       host: "",
@@ -715,13 +729,13 @@ const ue = {
       tls_verify_enabled: !1,
       tls_verify_value: !1,
       tags: ""
-    }), J = r.config.app === "konnect" || Ye({
+    }), z = r.config.app === "konnect" || et({
       gatewayInfo: r.config.gatewayInfo,
       // 'ws' and 'wss' are not valid values for the protocol field in Gateway Community Edition or before Gateway Enterprise Edition 3.0
       supportedRange: {
         enterprise: ["3.0"]
       }
-    }), ge = [
+    }), _e = [
       {
         label: s("gateway_services.form.fields.protocol.options.http"),
         value: "http",
@@ -757,7 +771,7 @@ const ue = {
         value: "grpcs",
         group: "grpc"
       },
-      ...J ? [
+      ...z ? [
         {
           label: s("gateway_services.form.fields.protocol.options.ws"),
           value: "ws",
@@ -774,60 +788,60 @@ const ue = {
         value: "udp",
         group: "udp"
       }
-    ], O = { url: "url", protocol: "protocol" }, T = (t, i) => {
+    ], j = { url: "url", protocol: "protocol" }, P = (t, i) => {
       i.value;
-    }, B = (t) => t ? parseFloat(t) : 0, ie = () => {
-      M.value = !0, e.errorMessage = "", e.fields.host = y.host, e.fields.path = y.path, e.fields.port = y.port, e.fields.protocol = y.protocol, e.fields.url = y.url, e.fields.retries = y.retries, e.fields.connect_timeout = y.connect_timeout, e.fields.write_timeout = y.write_timeout, e.fields.read_timeout = y.read_timeout, e.fields.client_certificate = y.client_certificate, e.fields.ca_certificates = y.ca_certificates, e.fields.tls_verify_enabled = y.tls_verify_enabled, e.fields.tls_verify_value = y.tls_verify_value;
-    }, z = () => {
-      if (e.fields.url && w.value === "url")
+    }, B = (t) => t ? parseFloat(t) : 0, se = () => {
+      x.value = !0, e.errorMessage = "", e.fields.host = g.host, e.fields.path = g.path, e.fields.port = g.port, e.fields.protocol = g.protocol, e.fields.url = g.url, e.fields.retries = g.retries, e.fields.connect_timeout = g.connect_timeout, e.fields.write_timeout = g.write_timeout, e.fields.read_timeout = g.read_timeout, e.fields.client_certificate = g.client_certificate, e.fields.ca_certificates = g.ca_certificates, e.fields.tls_verify_enabled = g.tls_verify_enabled, e.fields.tls_verify_value = g.tls_verify_value;
+    }, Q = () => {
+      if (e.fields.url && k.value === "url")
         try {
           const t = new URL(e.fields.url);
           e.errorMessage = "", e.fields.protocol = t.protocol.slice(0, -1), e.fields.host = t.hostname, e.fields.path = t.pathname;
           const i = Number(t.port);
-          me.value = !!i, e.fields.port = i || j.getPortFromProtocol(e.fields.protocol), e.errorMessage = "", d("url-valid:success");
+          ye.value = !!i, e.fields.port = i || H.getPortFromProtocol(e.fields.protocol), e.errorMessage = "", d("url-valid:success");
         } catch (t) {
-          e.errorMessage = s("errors.urlErrorMessage"), d("url-valid:error", I(t));
+          e.errorMessage = s("errors.urlErrorMessage"), d("url-valid:error", T(t));
         }
       else
         d("url-valid:success"), e.errorMessage = "";
-    }, se = h(() => !["tcp", "tls", "tls_passthrough", "grpc", "grpcs", "udp"].includes(e.fields.protocol)), ye = h(() => {
-      if (w.value === "url")
+    }, re = h(() => !["tcp", "tls", "tls_passthrough", "grpc", "grpcs", "udp"].includes(e.fields.protocol)), be = h(() => {
+      if (k.value === "url")
         return !0;
       const t = ["https", "wss", "tls"].includes(e.fields.protocol);
-      return w.value === "protocol" && t;
-    }), _e = h(() => {
-      if (w.value === "url")
+      return k.value === "protocol" && t;
+    }), he = h(() => {
+      if (k.value === "url")
         return !0;
       const t = ["https", "tls"].includes(e.fields.protocol);
-      return w.value === "protocol" && t;
-    }), be = h(() => {
-      if (w.value === "url")
+      return k.value === "protocol" && t;
+    }), we = h(() => {
+      if (k.value === "url")
         return !0;
       const t = ["https", "wss", "tls"].includes(e.fields.protocol);
-      return w.value === "protocol" && t;
-    }), he = (t) => {
-      H.value = fe.utf8Name(t);
-    }, Q = h(() => D.value && JSON.stringify(e.fields) !== JSON.stringify(y) || w.value === "url" && !!e.fields.url || w.value === "protocol" && !!e.fields.host), re = (t) => {
-      var i, g, P;
-      e.fields.name = (t == null ? void 0 : t.name) || "", e.fields.tags = ((i = t == null ? void 0 : t.tags) == null ? void 0 : i.join(", ")) || "", e.fields.protocol = (t == null ? void 0 : t.protocol) || "http", e.fields.path = (t == null ? void 0 : t.path) || "", e.fields.read_timeout = t != null && t.read_timeout || (t == null ? void 0 : t.read_timeout) === 0 ? t == null ? void 0 : t.read_timeout : 6e4, e.fields.retries = t != null && t.retries || (t == null ? void 0 : t.retries) === 0 ? t == null ? void 0 : t.retries : 5, e.fields.host = (t == null ? void 0 : t.host) || "", e.fields.connect_timeout = t != null && t.connect_timeout || (t == null ? void 0 : t.connect_timeout) === 0 ? t == null ? void 0 : t.connect_timeout : 6e4, e.fields.tls_verify_enabled = (t == null ? void 0 : t.tls_verify) !== "" && (t == null ? void 0 : t.tls_verify) !== null && (t == null ? void 0 : t.tls_verify) !== void 0, e.fields.tls_verify_value = t != null && t.tls_verify ? t == null ? void 0 : t.tls_verify : !1, e.fields.ca_certificates = ((g = t == null ? void 0 : t.ca_certificates) == null ? void 0 : g.join(",")) || "", e.fields.client_certificate = ((P = t == null ? void 0 : t.client_certificate) == null ? void 0 : P.id) || "", e.fields.write_timeout = t != null && t.write_timeout || (t == null ? void 0 : t.write_timeout) === 0 ? t == null ? void 0 : t.write_timeout : 6e4, e.fields.port = t != null && t.port || (t == null ? void 0 : t.port) === 0 ? t == null ? void 0 : t.port : 80, Object.assign(y, e.fields);
-    }, R = () => {
-      W.push(r.config.cancelRoute);
-    }, X = h(() => {
-      var i, g;
-      let t = `${r.config.apiBaseUrl}${oe.form[r.config.app].validate}`;
-      return r.config.app === "konnect" ? t = t.replace(/{controlPlaneId}/gi, ((i = r.config) == null ? void 0 : i.controlPlaneId) || "") : r.config.app === "kongManager" && (t = t.replace(/\/{workspace}/gi, (g = r.config) != null && g.workspace ? `/${r.config.workspace}` : "")), t = t.replace(/{id}/gi, r.gatewayServiceId), t;
-    }), q = h(() => {
-      var i, g;
-      let t = `${r.config.apiBaseUrl}${oe.form[r.config.app][F.value]}`;
-      return r.config.app === "konnect" ? t = t.replace(/{controlPlaneId}/gi, ((i = r.config) == null ? void 0 : i.controlPlaneId) || "") : r.config.app === "kongManager" && (t = t.replace(/\/{workspace}/gi, (g = r.config) != null && g.workspace ? `/${r.config.workspace}` : "")), t = t.replace(/{id}/gi, r.gatewayServiceId), t;
-    }), Y = (t) => {
+      return k.value === "protocol" && t;
+    }), ke = (t) => {
+      J.value = me.utf8Name(t);
+    }, X = h(() => D.value && JSON.stringify(e.fields) !== JSON.stringify(g) || k.value === "url" && !!e.fields.url || k.value === "protocol" && !!e.fields.host), ae = (t) => {
+      var i, y, U;
+      e.fields.name = (t == null ? void 0 : t.name) || "", e.fields.tags = ((i = t == null ? void 0 : t.tags) == null ? void 0 : i.join(", ")) || "", e.fields.protocol = (t == null ? void 0 : t.protocol) || "http", e.fields.path = (t == null ? void 0 : t.path) || "", e.fields.read_timeout = t != null && t.read_timeout || (t == null ? void 0 : t.read_timeout) === 0 ? t == null ? void 0 : t.read_timeout : 6e4, e.fields.retries = t != null && t.retries || (t == null ? void 0 : t.retries) === 0 ? t == null ? void 0 : t.retries : 5, e.fields.host = (t == null ? void 0 : t.host) || "", e.fields.connect_timeout = t != null && t.connect_timeout || (t == null ? void 0 : t.connect_timeout) === 0 ? t == null ? void 0 : t.connect_timeout : 6e4, e.fields.tls_verify_enabled = (t == null ? void 0 : t.tls_verify) !== "" && (t == null ? void 0 : t.tls_verify) !== null && (t == null ? void 0 : t.tls_verify) !== void 0, e.fields.tls_verify_value = t != null && t.tls_verify ? t == null ? void 0 : t.tls_verify : !1, e.fields.ca_certificates = ((y = t == null ? void 0 : t.ca_certificates) == null ? void 0 : y.join(",")) || "", e.fields.client_certificate = ((U = t == null ? void 0 : t.client_certificate) == null ? void 0 : U.id) || "", e.fields.write_timeout = t != null && t.write_timeout || (t == null ? void 0 : t.write_timeout) === 0 ? t == null ? void 0 : t.write_timeout : 6e4, e.fields.port = t != null && t.port || (t == null ? void 0 : t.port) === 0 ? t == null ? void 0 : t.port : 80, Object.assign(g, e.fields);
+    }, A = () => {
+      O.push(r.config.cancelRoute);
+    }, Y = h(() => {
+      var i, y;
+      let t = `${r.config.apiBaseUrl}${ie.form[r.config.app].validate}`;
+      return r.config.app === "konnect" ? t = t.replace(/{controlPlaneId}/gi, ((i = r.config) == null ? void 0 : i.controlPlaneId) || "") : r.config.app === "kongManager" && (t = t.replace(/\/{workspace}/gi, (y = r.config) != null && y.workspace ? `/${r.config.workspace}` : "")), t = t.replace(/{id}/gi, r.gatewayServiceId), t;
+    }), K = h(() => {
+      var i, y;
+      let t = `${r.config.apiBaseUrl}${ie.form[r.config.app][F.value]}`;
+      return r.config.app === "konnect" ? t = t.replace(/{controlPlaneId}/gi, ((i = r.config) == null ? void 0 : i.controlPlaneId) || "") : r.config.app === "kongManager" && (t = t.replace(/\/{workspace}/gi, (y = r.config) != null && y.workspace ? `/${r.config.workspace}` : "")), t = t.replace(/{id}/gi, r.gatewayServiceId), t;
+    }), Z = (t) => {
       let i = "";
       t.url && (i = new URL(t.url).protocol), (["https", "wss", "tls"].includes(t.protocol) || ["https", "wss", "tls"].includes(i)) && (t.tls_verify = t.tls_verify_enabled ? t.tls_verify_value : null), delete t.tls_verify_enabled, delete t.tls_verify_value;
-    }, N = h(() => {
-      var i, g, P, a;
+    }, q = h(() => {
+      var i, y, U, a;
       const t = {
         name: e.fields.name || null,
-        tags: e.fields.tags ? (P = (g = (i = e.fields.tags) == null ? void 0 : i.split(",")) == null ? void 0 : g.map((f) => String(f || "").trim())) == null ? void 0 : P.filter((f) => f !== "") : null,
+        tags: e.fields.tags ? (U = (y = (i = e.fields.tags) == null ? void 0 : i.split(",")) == null ? void 0 : y.map((f) => String(f || "").trim())) == null ? void 0 : U.filter((f) => f !== "") : null,
         protocol: e.fields.protocol,
         path: e.fields.path || null,
         read_timeout: e.fields.read_timeout,
@@ -842,77 +856,77 @@ const ue = {
         port: e.fields.port,
         url: e.fields.url
       };
-      return e.fields.client_certificate && ["https", "wss", "tls"].includes(e.fields.protocol) && (t.client_certificate = { id: e.fields.client_certificate }), e.fields.tls_verify_enabled && ["https", "wss", "tls"].includes(e.fields.protocol) && (t.tls_verify = e.fields.tls_verify_value), se.value || (t.path = null), F.value === "create" ? w.value === "url" ? (delete t.protocol, delete t.host, delete t.path, r.config.app === "konnect" && delete t.port) : delete t.url : F.value === "edit" && delete t.url, t;
-    }), Z = async () => {
-      var t, i, g, P;
+      return e.fields.client_certificate && ["https", "wss", "tls"].includes(e.fields.protocol) && (t.client_certificate = { id: e.fields.client_certificate }), e.fields.tls_verify_enabled && ["https", "wss", "tls"].includes(e.fields.protocol) && (t.tls_verify = e.fields.tls_verify_value), re.value || (t.path = null), F.value === "create" ? k.value === "url" ? (delete t.protocol, delete t.host, delete t.path, r.config.app === "konnect" && delete t.port) : delete t.url : F.value === "edit" && delete t.url, t;
+    }), ee = async () => {
+      var t, i, y, U;
       try {
-        e.isReadonly = !0, z();
-        const a = N.value;
-        Y(a);
+        e.isReadonly = !0, Q();
+        const a = q.value;
+        Z(a);
         let f;
-        if (await b.post(X.value, a), F.value === "create" ? f = await b.post(q.value, a) : F.value === "edit" && (f = ((t = r.config) == null ? void 0 : t.app) === "konnect" ? await b.put(q.value, a) : await b.patch(q.value, a)), f) {
+        if (await b.post(Y.value, a), F.value === "create" ? f = await b.post(K.value, a) : F.value === "edit" && (f = ((t = r.config) == null ? void 0 : t.app) === "konnect" ? await b.put(K.value, a) : await b.patch(K.value, a)), f) {
           const { data: l } = f;
-          e.fields.name = (l == null ? void 0 : l.name) || "", e.fields.port = l.port || j.getPortFromProtocol(l.protocol), e.fields.protocol = (l == null ? void 0 : l.protocol) || "http", e.fields.host = (l == null ? void 0 : l.host) || "", e.fields.path = (l == null ? void 0 : l.path) || "", e.fields.url = (l == null ? void 0 : l.url) || "", e.fields.retries = l != null && l.retries || (l == null ? void 0 : l.retries) === 0 ? l == null ? void 0 : l.retries : 5, e.fields.connect_timeout = l != null && l.connect_timeout || (l == null ? void 0 : l.connect_timeout) === 0 ? l == null ? void 0 : l.connect_timeout : 6e4, e.fields.write_timeout = l != null && l.write_timeout || (l == null ? void 0 : l.write_timeout) === 0 ? l == null ? void 0 : l.write_timeout : 6e4, e.fields.read_timeout = l != null && l.read_timeout || (l == null ? void 0 : l.read_timeout) === 0 ? l == null ? void 0 : l.read_timeout : 6e4, e.fields.client_certificate = ((i = l == null ? void 0 : l.client_certificate) == null ? void 0 : i.id) || "", e.fields.ca_certificates = (g = l == null ? void 0 : l.ca_certificates) != null && g.length ? l == null ? void 0 : l.ca_certificates.join(",") : "", e.fields.tls_verify_enabled = (l == null ? void 0 : l.tls_verify) !== "" && (l == null ? void 0 : l.tls_verify) !== null && (l == null ? void 0 : l.tls_verify) !== void 0, e.fields.tls_verify_value = e.fields.tls_verify_enabled && (l == null ? void 0 : l.tls_verify), e.fields.tags = (P = l == null ? void 0 : l.tags) != null && P.length ? l.tags.join(", ") : "", Object.assign(y, e.fields), d("update", f == null ? void 0 : f.data);
+          e.fields.name = (l == null ? void 0 : l.name) || "", e.fields.port = l.port || H.getPortFromProtocol(l.protocol), e.fields.protocol = (l == null ? void 0 : l.protocol) || "http", e.fields.host = (l == null ? void 0 : l.host) || "", e.fields.path = (l == null ? void 0 : l.path) || "", e.fields.url = (l == null ? void 0 : l.url) || "", e.fields.retries = l != null && l.retries || (l == null ? void 0 : l.retries) === 0 ? l == null ? void 0 : l.retries : 5, e.fields.connect_timeout = l != null && l.connect_timeout || (l == null ? void 0 : l.connect_timeout) === 0 ? l == null ? void 0 : l.connect_timeout : 6e4, e.fields.write_timeout = l != null && l.write_timeout || (l == null ? void 0 : l.write_timeout) === 0 ? l == null ? void 0 : l.write_timeout : 6e4, e.fields.read_timeout = l != null && l.read_timeout || (l == null ? void 0 : l.read_timeout) === 0 ? l == null ? void 0 : l.read_timeout : 6e4, e.fields.client_certificate = ((i = l == null ? void 0 : l.client_certificate) == null ? void 0 : i.id) || "", e.fields.ca_certificates = (y = l == null ? void 0 : l.ca_certificates) != null && y.length ? l == null ? void 0 : l.ca_certificates.join(",") : "", e.fields.tls_verify_enabled = (l == null ? void 0 : l.tls_verify) !== "" && (l == null ? void 0 : l.tls_verify) !== null && (l == null ? void 0 : l.tls_verify) !== void 0, e.fields.tls_verify_value = e.fields.tls_verify_enabled && (l == null ? void 0 : l.tls_verify), e.fields.tags = (U = l == null ? void 0 : l.tags) != null && U.length ? l.tags.join(", ") : "", Object.assign(g, e.fields), d("update", f == null ? void 0 : f.data);
         }
         return f;
       } catch (a) {
-        e.errorMessage = I(a), d("error", a);
+        e.errorMessage = T(a), d("error", a);
       } finally {
         e.isReadonly = !1;
       }
     };
-    return ke(() => r.gatewayServiceId, () => {
-      Object.assign(e.fields, y);
-    }), ke(e.fields, (t) => {
-      e.fields.port = j.getPortFromProtocol(t.protocol, String(t.port)), d("model-updated", N.value);
-    }), De(() => {
-      d("model-updated", N.value);
+    return Ve(() => r.gatewayServiceId, () => {
+      Object.assign(e.fields, g);
+    }), Ve(e.fields, (t) => {
+      e.fields.port = H.getPortFromProtocol(t.protocol, String(t.port)), d("model-updated", q.value);
+    }), Ge(() => {
+      d("model-updated", q.value);
     }), $({
-      validateUrl: z,
-      getPayload: N,
-      saveFormData: Z,
-      canSubmit: Q,
-      initForm: re
+      validateUrl: Q,
+      getPayload: q,
+      saveFormData: ee,
+      canSubmit: X,
+      initForm: ae
     }), (t, i) => {
-      const g = A("KInput"), P = A("KLabel"), a = A("KRadio"), f = A("KSelect"), l = A("KCheckbox"), k = A("KCollapse");
-      return S(), U("div", vt, [
-        u(o(Ze), {
-          "can-submit": Q.value,
+      const y = R("KInput"), U = R("KLabel"), a = R("KRadio"), f = R("KSelect"), l = R("KCheckbox"), C = R("KCollapse");
+      return w(), I("div", _t, [
+        u(o(tt), {
+          "can-submit": X.value,
           config: n.config,
           "edit-id": n.gatewayServiceId,
-          "entity-type": o(Me).GatewayService,
+          "entity-type": o(Re).GatewayService,
           "error-message": e.errorMessage,
-          "fetch-url": pe.value,
-          "form-fields": N.value,
+          "fetch-url": ve.value,
+          "form-fields": q.value,
           "is-readonly": e.isReadonly,
-          onCancel: R,
+          onCancel: A,
           "onFetch:error": i[25] || (i[25] = (c) => t.$emit("error", c)),
-          "onFetch:success": re,
+          "onFetch:success": ae,
           onLoading: i[26] || (i[26] = (c) => t.$emit("loading", c)),
-          onSubmit: Z
+          onSubmit: ee
         }, {
           "form-actions": p(() => [
-            Be(t.$slots, "form-actions", {
-              canSubmit: Q.value,
-              cancel: R,
-              submit: Z
+            Ke(t.$slots, "form-actions", {
+              canSubmit: X.value,
+              cancel: A,
+              submit: ee
             }, void 0, !0)
           ]),
           default: p(() => [
-            u(o(Pe), {
+            u(o(Ue), {
               description: o(s)("gateway_services.form.sections.general.description"),
               "hide-info-header": n.hideSectionsInfo,
               title: o(s)("gateway_services.form.sections.general.title")
             }, {
               default: p(() => [
-                u(g, {
+                u(y, {
                   modelValue: e.fields.name,
                   "onUpdate:modelValue": i[0] || (i[0] = (c) => e.fields.name = c),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "gateway-service-name-input",
-                  error: ve.value,
-                  "error-message": H.value,
+                  error: ge.value,
+                  "error-message": J.value,
                   label: o(s)("gateway_services.form.fields.name.label"),
                   "label-attributes": {
                     info: o(s)("gateway_services.form.fields.name.tooltip"),
@@ -922,9 +936,9 @@ const ue = {
                   placeholder: o(s)("gateway_services.form.fields.name.placeholder"),
                   readonly: e.isReadonly,
                   type: "text",
-                  onInput: he
+                  onInput: ke
                 }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder", "readonly"]),
-                u(g, {
+                u(y, {
                   modelValue: e.fields.tags,
                   "onUpdate:modelValue": i[1] || (i[1] = (c) => e.fields.tags = c),
                   modelModifiers: { trim: !0 },
@@ -944,28 +958,28 @@ const ue = {
               ]),
               _: 1
             }, 8, ["description", "hide-info-header", "title"]),
-            u(o(Pe), {
+            u(o(Ue), {
               description: o(s)("gateway_services.form.sections.keys.description"),
               "hide-info-header": n.hideSectionsInfo,
               title: o(s)("gateway_services.form.sections.keys.title")
             }, {
               default: p(() => [
-                D.value ? L("", !0) : (S(), U("div", gt, [
-                  C("div", yt, [
-                    u(P, { required: "" }, {
+                D.value ? L("", !0) : (w(), I("div", bt, [
+                  S("div", ht, [
+                    u(U, { required: "" }, {
                       default: p(() => [
                         E(_(o(s)("gateway_services.form.sections.keys.checkedGroupLabel")), 1)
                       ]),
                       _: 1
                     })
                   ]),
-                  C("div", _t, [
+                  S("div", wt, [
                     u(a, {
-                      modelValue: w.value,
-                      "onUpdate:modelValue": i[2] || (i[2] = (c) => w.value = c),
+                      modelValue: k.value,
+                      "onUpdate:modelValue": i[2] || (i[2] = (c) => k.value = c),
                       "data-testid": "gateway-service-url-radio",
-                      "selected-value": O.url,
-                      onChange: ie
+                      "selected-value": j.url,
+                      onChange: se
                     }, {
                       default: p(() => [
                         E(_(o(s)("gateway_services.form.sections.keys.urlLabel")), 1)
@@ -973,8 +987,8 @@ const ue = {
                       _: 1
                     }, 8, ["modelValue", "selected-value"])
                   ]),
-                  w.value === "url" ? (S(), U("div", bt, [
-                    u(g, {
+                  k.value === "url" ? (w(), I("div", kt, [
+                    u(y, {
                       modelValue: e.fields.url,
                       "onUpdate:modelValue": i[3] || (i[3] = (c) => e.fields.url = c),
                       modelModifiers: { trim: !0 },
@@ -991,12 +1005,12 @@ const ue = {
                     }, null, 8, ["modelValue", "label", "label-attributes", "placeholder"])
                   ])) : L("", !0),
                   u(a, {
-                    modelValue: w.value,
-                    "onUpdate:modelValue": i[4] || (i[4] = (c) => w.value = c),
+                    modelValue: k.value,
+                    "onUpdate:modelValue": i[4] || (i[4] = (c) => k.value = c),
                     "checked-group": "protocol",
                     "data-testid": "gateway-service-protocol-radio",
-                    "selected-value": O.protocol,
-                    onChange: ie
+                    "selected-value": j.protocol,
+                    onChange: se
                   }, {
                     default: p(() => [
                       E(_(o(s)("gateway_services.form.sections.keys.checkedGroupAltLabel")), 1)
@@ -1004,12 +1018,12 @@ const ue = {
                     _: 1
                   }, 8, ["modelValue", "selected-value"])
                 ])),
-                w.value === "protocol" || D.value ? (S(), U("div", ht, [
+                k.value === "protocol" || D.value ? (w(), I("div", Ct, [
                   u(f, {
                     modelValue: e.fields.protocol,
                     "onUpdate:modelValue": i[5] || (i[5] = (c) => e.fields.protocol = c),
                     "data-testid": "gateway-service-protocol-select",
-                    items: ge,
+                    items: _e,
                     label: o(s)("gateway_services.form.fields.protocol.label"),
                     "label-attributes": {
                       info: o(s)("gateway_services.form.fields.protocol.tooltip"),
@@ -1018,9 +1032,9 @@ const ue = {
                     readonly: e.isReadonly,
                     required: "",
                     width: "100%",
-                    onSelected: i[6] || (i[6] = (c) => T(e.fields.protocol, c))
+                    onSelected: i[6] || (i[6] = (c) => P(e.fields.protocol, c))
                   }, null, 8, ["modelValue", "label", "label-attributes", "readonly"]),
-                  u(g, {
+                  u(y, {
                     modelValue: e.fields.host,
                     "onUpdate:modelValue": i[7] || (i[7] = (c) => e.fields.host = c),
                     modelModifiers: { trim: !0 },
@@ -1035,8 +1049,8 @@ const ue = {
                     placeholder: o(s)("gateway_services.form.fields.host.placeholder"),
                     required: ""
                   }, null, 8, ["modelValue", "label", "label-attributes", "placeholder"]),
-                  se.value ? (S(), U("div", wt, [
-                    u(g, {
+                  re.value ? (w(), I("div", Vt, [
+                    u(y, {
                       modelValue: e.fields.path,
                       "onUpdate:modelValue": i[8] || (i[8] = (c) => e.fields.path = c),
                       modelModifiers: { trim: !0 },
@@ -1051,7 +1065,7 @@ const ue = {
                       placeholder: o(s)("gateway_services.form.fields.path.placeholder")
                     }, null, 8, ["modelValue", "label", "label-attributes", "placeholder"])
                   ])) : L("", !0),
-                  u(g, {
+                  u(y, {
                     modelValue: e.fields.port,
                     "onUpdate:modelValue": [
                       i[9] || (i[9] = (c) => e.fields.port = c),
@@ -1070,17 +1084,17 @@ const ue = {
                     type: "number"
                   }, null, 8, ["modelValue", "label", "label-attributes"])
                 ])) : L("", !0),
-                u(k, {
-                  modelValue: M.value,
-                  "onUpdate:modelValue": i[24] || (i[24] = (c) => M.value = c),
+                u(C, {
+                  modelValue: x.value,
+                  "onUpdate:modelValue": i[24] || (i[24] = (c) => x.value = c),
                   "data-testid": "advanced-fields-collapse",
                   "trigger-alignment": "leading",
                   "trigger-label": o(s)("gateway_services.form.sections.keys.viewAdvancedFields")
                 }, {
                   default: p(() => [
-                    C("div", kt, [
-                      C("div", Vt, [
-                        u(g, {
+                    S("div", St, [
+                      S("div", It, [
+                        u(y, {
                           modelValue: e.fields.retries,
                           "onUpdate:modelValue": [
                             i[11] || (i[11] = (c) => e.fields.retries = c),
@@ -1100,8 +1114,8 @@ const ue = {
                           type: "number"
                         }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                       ]),
-                      C("div", Ct, [
-                        u(g, {
+                      S("div", Tt, [
+                        u(y, {
                           modelValue: e.fields.connect_timeout,
                           "onUpdate:modelValue": [
                             i[13] || (i[13] = (c) => e.fields.connect_timeout = c),
@@ -1121,8 +1135,8 @@ const ue = {
                           type: "number"
                         }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                       ]),
-                      C("div", St, [
-                        u(g, {
+                      S("div", Pt, [
+                        u(y, {
                           modelValue: e.fields.write_timeout,
                           "onUpdate:modelValue": [
                             i[15] || (i[15] = (c) => e.fields.write_timeout = c),
@@ -1142,8 +1156,8 @@ const ue = {
                           type: "number"
                         }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                       ]),
-                      C("div", It, [
-                        u(g, {
+                      S("div", Ut, [
+                        u(y, {
                           modelValue: e.fields.read_timeout,
                           "onUpdate:modelValue": [
                             i[17] || (i[17] = (c) => e.fields.read_timeout = c),
@@ -1163,8 +1177,8 @@ const ue = {
                           type: "number"
                         }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                       ]),
-                      ye.value ? (S(), U("div", Tt, [
-                        u(g, {
+                      be.value ? (w(), I("div", Et, [
+                        u(y, {
                           modelValue: e.fields.client_certificate,
                           "onUpdate:modelValue": i[19] || (i[19] = (c) => e.fields.client_certificate = c),
                           modelModifiers: { trim: !0 },
@@ -1181,8 +1195,8 @@ const ue = {
                           type: "text"
                         }, null, 8, ["modelValue", "label", "label-attributes", "placeholder", "readonly"])
                       ])) : L("", !0),
-                      _e.value ? (S(), U("div", Pt, [
-                        u(g, {
+                      he.value ? (w(), I("div", Mt, [
+                        u(y, {
                           modelValue: e.fields.ca_certificates,
                           "onUpdate:modelValue": i[20] || (i[20] = (c) => e.fields.ca_certificates = c),
                           modelModifiers: { trim: !0 },
@@ -1195,15 +1209,15 @@ const ue = {
                           type: "text"
                         }, {
                           "label-tooltip": p(() => [
-                            u(o(K), {
+                            u(o(G), {
                               keypath: "gateway_services.form.fields.ca_certificates.tooltip",
                               scope: "global"
                             }, {
                               code1: p(() => [
-                                C("code", null, _(o(s)("gateway_services.form.fields.ca_certificates.code1")), 1)
+                                S("code", null, _(o(s)("gateway_services.form.fields.ca_certificates.code1")), 1)
                               ]),
                               code2: p(() => [
-                                C("code", null, _(o(s)("gateway_services.form.fields.ca_certificates.code2")), 1)
+                                S("code", null, _(o(s)("gateway_services.form.fields.ca_certificates.code2")), 1)
                               ]),
                               _: 1
                             })
@@ -1211,7 +1225,7 @@ const ue = {
                           _: 1
                         }, 8, ["modelValue", "label", "placeholder", "readonly"])
                       ])) : L("", !0),
-                      be.value ? (S(), U("div", Ut, [
+                      we.value ? (w(), I("div", Rt, [
                         u(l, {
                           modelValue: e.fields.tls_verify_enabled,
                           "onUpdate:modelValue": i[21] || (i[21] = (c) => e.fields.tls_verify_enabled = c),
@@ -1221,19 +1235,19 @@ const ue = {
                           "label-attributes": { tooltipAttributes: { maxWidth: "400" } }
                         }, {
                           tooltip: p(() => [
-                            u(o(K), {
+                            u(o(G), {
                               keypath: "gateway_services.form.fields.tls_verify_enabled.tooltip",
                               scope: "global"
                             }, {
                               code1: p(() => [
-                                C("code", null, _(o(s)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
+                                S("code", null, _(o(s)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
                               ]),
                               _: 1
                             })
                           ]),
                           _: 1
                         }, 8, ["modelValue", "description", "label"]),
-                        e.fields.tls_verify_enabled ? (S(), U("div", Et, [
+                        e.fields.tls_verify_enabled ? (w(), I("div", xt, [
                           u(a, {
                             modelValue: e.fields.tls_verify_value,
                             "onUpdate:modelValue": i[22] || (i[22] = (c) => e.fields.tls_verify_value = c),
@@ -1242,7 +1256,7 @@ const ue = {
                             "selected-value": !0
                           }, null, 8, ["modelValue", "label"])
                         ])) : L("", !0),
-                        e.fields.tls_verify_enabled ? (S(), U("div", Mt, [
+                        e.fields.tls_verify_enabled ? (w(), I("div", At, [
                           u(a, {
                             modelValue: e.fields.tls_verify_value,
                             "onUpdate:modelValue": i[23] || (i[23] = (c) => e.fields.tls_verify_value = c),
@@ -1265,7 +1279,7 @@ const ue = {
       ]);
     };
   }
-}), Lt = /* @__PURE__ */ Re(Rt, [["__scopeId", "data-v-35e0db56"]]), xt = { class: "kong-ui-gateway-service-entity-config-card" }, Kt = /* @__PURE__ */ Ve({
+}), Nt = /* @__PURE__ */ xe(Ft, [["__scopeId", "data-v-35e0db56"]]), $t = { class: "kong-ui-gateway-service-entity-config-card" }, Wt = /* @__PURE__ */ Se({
   __name: "GatewayServiceConfigCard",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -1292,7 +1306,7 @@ const ue = {
   },
   emits: ["loading", "fetch:error", "fetch:success"],
   setup(n) {
-    const $ = n, { i18n: { t: m }, i18nT: d } = ue.useI18n(), r = h(() => oe.form[$.config.app].edit), { getPropValue: M } = et(), W = (s, I) => M(s, I) === !0 ? m("gateway_services.form.fields.tls_verify_option.true.display") : m("gateway_services.form.fields.tls_verify_option.false.display"), K = V({
+    const $ = n, { i18n: { t: m }, i18nT: d } = pe.useI18n(), r = h(() => ie.form[$.config.app].edit), { getPropValue: x } = lt(), O = (s, T) => x(s, T) === !0 ? m("gateway_services.form.fields.tls_verify_option.true.display") : m("gateway_services.form.fields.tls_verify_option.false.display"), G = V({
       id: {},
       name: {
         tooltip: m("gateway_services.form.fields.name.tooltip")
@@ -1301,19 +1315,19 @@ const ue = {
       updated_at: {},
       created_at: {},
       protocol: {
-        section: ne.Basic,
+        section: de.Basic,
         tooltip: m("gateway_services.form.fields.protocol.tooltip")
       },
       host: {
-        section: ne.Basic,
+        section: de.Basic,
         tooltip: m("gateway_services.form.fields.host.tooltip")
       },
       path: {
-        section: ne.Basic,
+        section: de.Basic,
         tooltip: m("gateway_services.form.fields.path.tooltip")
       },
       port: {
-        section: ne.Basic,
+        section: de.Basic,
         tooltip: m("gateway_services.form.fields.port.tooltip")
       },
       tags: {
@@ -1341,7 +1355,7 @@ const ue = {
         tooltip: m("gateway_services.form.fields.client_certificate.tooltip")
       },
       ca_certificates: {
-        type: tt.BadgeTag,
+        type: ot.BadgeTag,
         label: m("gateway_services.form.fields.ca_certificates.label"),
         order: 6
       },
@@ -1352,17 +1366,17 @@ const ue = {
         hidden: !0
       }
     });
-    return (s, I) => (S(), U("div", xt, [
-      u(o(lt), {
+    return (s, T) => (w(), I("div", $t, [
+      u(o(it), {
         config: n.config,
         "config-card-doc": n.configCardDoc,
-        "config-schema": K.value,
-        "entity-type": o(Me).GatewayService,
+        "config-schema": G.value,
+        "entity-type": o(Re).GatewayService,
         "fetch-url": r.value,
         "hide-title": n.hideTitle,
-        "onFetch:error": I[0] || (I[0] = (b) => s.$emit("fetch:error", b)),
-        "onFetch:success": I[1] || (I[1] = (b) => s.$emit("fetch:success", b)),
-        onLoading: I[2] || (I[2] = (b) => s.$emit("loading", b))
+        "onFetch:error": T[0] || (T[0] = (b) => s.$emit("fetch:error", b)),
+        "onFetch:success": T[1] || (T[1] = (b) => s.$emit("fetch:success", b)),
+        onLoading: T[2] || (T[2] = (b) => s.$emit("loading", b))
       }, {
         "enabled-label-tooltip": p(() => [
           u(o(d), {
@@ -1370,10 +1384,10 @@ const ue = {
             scope: "global"
           }, {
             false: p(() => [
-              C("code", null, _(o(m)("gateway_services.form.fields.enabled.false")), 1)
+              S("code", null, _(o(m)("gateway_services.form.fields.enabled.false")), 1)
             ]),
             true: p(() => [
-              C("code", null, _(o(m)("gateway_services.form.fields.enabled.true")), 1)
+              S("code", null, _(o(m)("gateway_services.form.fields.enabled.true")), 1)
             ]),
             _: 1
           })
@@ -1384,10 +1398,10 @@ const ue = {
             scope: "global"
           }, {
             code1: p(() => [
-              C("code", null, _(o(m)("gateway_services.form.fields.ca_certificates.code1")), 1)
+              S("code", null, _(o(m)("gateway_services.form.fields.ca_certificates.code1")), 1)
             ]),
             code2: p(() => [
-              C("code", null, _(o(m)("gateway_services.form.fields.ca_certificates.code2")), 1)
+              S("code", null, _(o(m)("gateway_services.form.fields.ca_certificates.code2")), 1)
             ]),
             _: 1
           })
@@ -1398,16 +1412,16 @@ const ue = {
             scope: "global"
           }, {
             code1: p(() => [
-              C("code", null, _(o(m)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
+              S("code", null, _(o(m)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
             ]),
             _: 1
           })
         ]),
         tls_verify: p((b) => [
-          E(_(typeof o(M)("rowValue", b) == "boolean" ? W("rowValue", b) : o(m)("gateway_services.form.fields.tls_verify_option.unset.display")), 1)
+          E(_(typeof o(x)("rowValue", b) == "boolean" ? O("rowValue", b) : o(m)("gateway_services.form.fields.tls_verify_option.unset.display")), 1)
         ]),
         client_certificate: p((b) => [
-          E(_(o(M)("rowValue", b) ? o(M)("rowValue", b).id : "–"), 1)
+          E(_(o(x)("rowValue", b) ? o(x)("rowValue", b).id : "–"), 1)
         ]),
         _: 1
       }, 8, ["config", "config-card-doc", "config-schema", "entity-type", "fetch-url", "hide-title"])
@@ -1415,7 +1429,7 @@ const ue = {
   }
 });
 export {
-  Kt as GatewayServiceConfigCard,
-  Lt as GatewayServiceForm,
-  Gt as GatewayServiceList
+  Wt as GatewayServiceConfigCard,
+  Nt as GatewayServiceForm,
+  qt as GatewayServiceList
 };