@kong-ui-public/entities-gateway-services 3.14.15-pr.2806.7cb366471.0 → 3.14.15

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

@@ -1,9 +1,9 @@
-import { defineComponent as De, ref as $, computed as C, watch as Me, onBeforeMount as He, resolveComponent as D, createElementBlock as R, openBlock as V, createVNode as n, unref as r, createSlots as Ve, withCtx as d, createTextVNode as U, toDisplayString as h, createBlock as se, createCommentVNode as T, createElementVNode as E, withModifiers as Te, Teleport as Ze, reactive as Be, onMounted as Je, Transition as Ue, Fragment as Qe, renderList as Xe, renderSlot as Ye } from "vue";
-import { useRouter as Ne } from "vue-router";
-import { BookIcon as Ke, AddIcon as Le, ServicesIcon as et } from "@kong/icons";
-import { createI18n as tt, i18nTComponent as ot } from "@kong-ui-public/i18n";
-import { useAxios as We, useTableState as rt, useFetcher as it, useDeleteUrlBuilder as lt, FetcherStatus as st, EntityBaseTable as at, PermissionsWrapper as le, TableTags as nt, EntityFilter as ct, EntityToggleModal as dt, EntityDeleteModal as ut, EntityTypes as ft, useHelpers as Oe, ConfigurationSchemaType as pt, ConfigurationSchemaSection as ke, EntityBaseConfigCard as mt, SupportedEntityType as je, useErrors as vt, useValidators as gt, EntityBaseFormType as qe, useGatewayFeatureSupported as yt, EntityBaseForm as _t, EntityFormSection as Ge } from "@kong-ui-public/entities-shared";
-const ht = {
+import { defineComponent as Me, ref as U, computed as S, watch as xe, onBeforeMount as ze, resolveComponent as M, createElementBlock as A, openBlock as V, createVNode as c, unref as o, createSlots as ke, withCtx as u, createTextVNode as T, toDisplayString as b, createBlock as le, createCommentVNode as R, createElementVNode as P, withModifiers as Re, Teleport as He, reactive as De, onMounted as Ze, Transition as Te, Fragment as Je, renderList as Qe, renderSlot as Xe } from "vue";
+import { useRouter as Ge } from "vue-router";
+import { BookIcon as Be, AddIcon as Ke, ServicesIcon as Ye } from "@kong/icons";
+import { createI18n as et, i18nTComponent as tt } from "@kong-ui-public/i18n";
+import { useAxios as Ne, useTableState as ot, useFetcher as rt, useDeleteUrlBuilder as it, FetcherStatus as lt, EntityBaseTable as st, PermissionsWrapper as ie, TableTags as at, EntityFilter as nt, EntityToggleModal as ct, EntityDeleteModal as dt, EntityTypes as ut, useHelpers as We, ConfigurationSchemaType as ft, ConfigurationSchemaSection as we, EntityBaseConfigCard as pt, SupportedEntityType as Oe, useErrors as mt, useValidators as vt, EntityBaseFormType as Le, useGatewayFeatureSupported as gt, EntityBaseForm as yt, EntityFormSection as qe } from "@kong-ui-public/entities-shared";
+const _t = {
   create: "New gateway service",
   debugger: "Start debugging",
   serverless_create: "Add a Service",
@@ -17,12 +17,12 @@ const ht = {
     description: "Deleting this Gateway Service will also remove any associated plugins. This action cannot be reversed.",
     menu_label: "Delete"
   }
-}, bt = {
+}, ht = {
   placeholder: {
     konnect: "Filter by name",
     kongManager: "Filter by exact name or ID"
   }
-}, wt = {
+}, bt = {
   title: "Gateway Services",
   list: {
     toolbar_actions: {
@@ -205,39 +205,39 @@ const ht = {
       }
     }
   }
-}, kt = {
+}, wt = {
   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"
-}, Vt = {
+}, kt = {
   success: "Copied {val} to clipboard",
   success_brief: "Successfully copied to clipboard"
-}, Ct = {
+}, Vt = {
   gateway_services: "gateway services"
 }, St = {
-  actions: ht,
-  search: bt,
-  gateway_services: wt,
-  errors: kt,
-  copy: Vt,
-  glossary: Ct
+  actions: _t,
+  search: ht,
+  gateway_services: bt,
+  errors: wt,
+  copy: kt,
+  glossary: Vt
 };
-function Et() {
-  const s = tt("en-us", St);
+function Ct() {
+  const s = et("en-us", St);
   return {
     i18n: s,
-    i18nT: ot(s)
+    i18nT: tt(s)
     // Translation component <i18n-t>
   };
 }
-function Pt() {
+function Et() {
   return {
-    getPortFromProtocol: (N, p) => {
-      const c = [80, 443], a = Number(p);
-      if ((a || a === 0) && !c.includes(a))
+    getPortFromProtocol: (q, m) => {
+      const d = [80, 443], a = Number(m);
+      if ((a || a === 0) && !d.includes(a))
         return a;
-      switch (N) {
+      switch (q) {
         case "grpcs":
         case "tls":
         case "https":
@@ -253,8 +253,8 @@ function Pt() {
     }
   };
 }
-function It() {
-  const { i18n: { t: s } } = X.useI18n();
+function Pt() {
+  const { i18n: { t: s } } = Q.useI18n();
   return {
     validateHost: (v) => {
       if (!v || v.trim() === "") return s("gateway_services.form.errors.host.empty");
@@ -273,30 +273,30 @@ function It() {
     }
   };
 }
-const X = {
-  useI18n: Et,
-  usePortFromProtocol: Pt,
-  useUrlValidators: It
-}, $e = "/v2/control-planes/{controlPlaneId}/core-entities", xe = "/{workspace}", Ce = {
+const Q = {
+  useI18n: Ct,
+  usePortFromProtocol: Et,
+  useUrlValidators: Pt
+}, Ue = "/v2/control-planes/{controlPlaneId}/core-entities", $e = "/{workspace}", Ve = {
   list: {
     konnect: {
-      all: `${$e}/services`
+      all: `${Ue}/services`
     },
     kongManager: {
-      all: `${xe}/services`
+      all: `${$e}/services`
     }
   },
   form: {
     konnect: {
-      create: `${$e}/services`,
-      edit: `${$e}/services/{id}`
+      create: `${Ue}/services`,
+      edit: `${Ue}/services/{id}`
     },
     kongManager: {
-      create: `${xe}/services`,
-      edit: `${xe}/services/{id}`
+      create: `${$e}/services`,
+      edit: `${$e}/services/{id}`
     }
   }
-}, Ft = { class: "kong-ui-entities-gateway-services-list" }, At = { class: "button-row" }, Rt = { key: 1 }, Tt = /* @__PURE__ */ De({
+}, It = { class: "kong-ui-entities-gateway-services-list" }, Ft = { class: "button-row" }, At = { key: 1 }, Rt = /* @__PURE__ */ Me({
   __name: "GatewayServiceList",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -352,12 +352,12 @@ const X = {
     }
   },
   emits: ["error", "click:learn-more", "copy:success", "copy:error", "delete:success", "toggle:success"],
-  setup(s, { emit: N }) {
-    var re;
-    const p = N, c = s, { i18n: { t: a, formatUnixTimeStamp: v } } = X.useI18n(), F = Ne(), { axiosInstance: q } = We((re = c.config) == null ? void 0 : re.axiosRequestConfig), { hasRecords: l, handleStateChange: B } = rt(() => O.value), P = C(() => l.value && c.config.app === "konnect"), Se = C(() => c.config.app !== "kongManager" || !!c.config.disableSorting), ae = {
+  setup(s, { emit: q }) {
+    var oe;
+    const m = q, d = s, { i18n: { t: a, formatUnixTimeStamp: v } } = Q.useI18n(), F = Ge(), { axiosInstance: B } = Ne((oe = d.config) == null ? void 0 : oe.axiosRequestConfig), { hasRecords: l, handleStateChange: D } = ot(() => W.value), I = S(() => l.value && d.config.app === "konnect"), Se = S(() => d.config.app !== "kongManager" || !!d.config.disableSorting), se = {
       // the Name column is non-hidable
       name: { label: a("gateway_services.list.table_headers.name"), searchable: !0, sortable: !0, hidable: !1 },
-      ...c.config.showControlPlaneColumn ? { control_plane: { label: a("gateway_services.list.table_headers.control_plane") } } : {},
+      ...d.config.showControlPlaneColumn ? { control_plane: { label: a("gateway_services.list.table_headers.control_plane") } } : {},
       protocol: { label: a("gateway_services.list.table_headers.protocol"), searchable: !0, sortable: !0 },
       host: { label: a("gateway_services.list.table_headers.host"), searchable: !0, sortable: !0 },
       port: { label: a("gateway_services.list.table_headers.port"), searchable: !0, sortable: !0 },
@@ -366,206 +366,206 @@ const X = {
       tags: { label: a("gateway_services.list.table_headers.tags"), sortable: !1 },
       updated_at: { label: a("gateway_services.list.table_headers.updated_at"), sortable: !0 },
       created_at: { label: a("gateway_services.list.table_headers.created_at"), sortable: !0 }
-    }, ue = {
+    }, de = {
       columnVisibility: {
         created_at: !1
       }
-    }, fe = ae, Y = C(() => {
+    }, ue = se, X = S(() => {
       var g, y;
-      let u = `${c.config.apiBaseUrl}${Ce.list[c.config.app].all}`;
-      return c.config.app === "konnect" ? u = u.replace(/{controlPlaneId}/gi, ((g = c.config) == null ? void 0 : g.controlPlaneId) || "") : c.config.app === "kongManager" && (u = u.replace(/\/{workspace}/gi, (y = c.config) != null && y.workspace ? `/${c.config.workspace}` : "")), u;
-    }), Ee = C(() => c.config.apiBaseUrl.startsWith("/") ? new URL(`${window.location.origin}${Y.value}`) : new URL(Y.value)), O = $(""), j = C(() => {
-      const u = c.config.app === "konnect" || c.config.isExactMatch;
-      if (u)
+      let f = `${d.config.apiBaseUrl}${Ve.list[d.config.app].all}`;
+      return d.config.app === "konnect" ? f = f.replace(/{controlPlaneId}/gi, ((g = d.config) == null ? void 0 : g.controlPlaneId) || "") : d.config.app === "kongManager" && (f = f.replace(/\/{workspace}/gi, (y = d.config) != null && y.workspace ? `/${d.config.workspace}` : "")), f;
+    }), Ce = S(() => d.config.apiBaseUrl.startsWith("/") ? new URL(`${window.location.origin}${X.value}`) : new URL(X.value)), W = U(""), O = S(() => {
+      const f = d.config.app === "konnect" || d.config.isExactMatch;
+      if (f)
         return {
-          isExactMatch: u,
-          placeholder: a(`search.placeholder.${c.config.app}`)
+          isExactMatch: f,
+          placeholder: a(`search.placeholder.${d.config.app}`)
         };
-      const { name: g, enabled: y, protocol: I, host: K, port: L, path: A } = ae;
+      const { name: g, enabled: y, protocol: E, host: N, port: K, path: t } = se;
       return {
-        isExactMatch: u,
-        fields: { name: g, enabled: y, protocol: I, host: K, port: L, path: A },
-        schema: c.config.filterSchema
+        isExactMatch: f,
+        fields: { name: g, enabled: y, protocol: E, host: N, port: K, path: t },
+        schema: d.config.filterSchema
       };
     }), {
-      fetcher: Pe,
-      fetcherState: z,
-      fetcherCacheKey: S
-    } = it(C(() => ({ ...c.config, cacheIdentifier: c.cacheIdentifier })), Y), ne = () => {
-      O.value = "";
-    }, ce = () => {
-      S.value++;
-    }, ee = $(null), e = C(() => ({
-      ctaPath: c.config.createRoute,
-      ctaText: oe.value ? c.isServerless ? a("actions.serverless_create") : a("actions.create") : void 0,
-      message: `${a("gateway_services.list.empty_state.description")}${c.config.additionMessageForEmptyState ? ` ${c.config.additionMessageForEmptyState}` : ""}`,
-      title: oe.value ? c.isServerless ? a("gateway_services.list.empty_state.serverless_title") : a("gateway_services.list.empty_state.title") : a("gateway_services.title")
-    })), w = $(!1), x = $(null), te = C(() => {
-      const u = {
+      fetcher: Ee,
+      fetcherState: j,
+      fetcherCacheKey: C
+    } = rt(S(() => ({ ...d.config, cacheIdentifier: d.cacheIdentifier })), X), ae = () => {
+      W.value = "";
+    }, ne = () => {
+      C.value++;
+    }, Y = U(null), e = S(() => ({
+      ctaPath: d.config.createRoute,
+      ctaText: te.value ? d.isServerless ? a("actions.serverless_create") : a("actions.create") : void 0,
+      message: `${a("gateway_services.list.empty_state.description")}${d.config.additionMessageForEmptyState ? ` ${d.config.additionMessageForEmptyState}` : ""}`,
+      title: te.value ? d.isServerless ? a("gateway_services.list.empty_state.serverless_title") : a("gateway_services.list.empty_state.title") : a("gateway_services.title")
+    })), w = U(!1), $ = U(null), ee = S(() => {
+      const f = {
         action: "disable",
         id: "",
         name: ""
       };
-      if (x.value) {
-        const { enabled: g, id: y, name: I } = x.value;
-        u.action = g ? "disable" : "enable", u.id = y, u.name = I || y;
+      if ($.value) {
+        const { enabled: g, id: y, name: E } = $.value;
+        f.action = g ? "disable" : "enable", f.id = y, f.name = E || y;
       }
-      return u;
-    }), pe = (u) => {
-      w.value = !0, x.value = u;
-    }, me = () => {
-      w.value = !1, x.value = null;
-    }, H = async () => {
-      var I, K;
-      if (!await ((I = c.canEdit) == null ? void 0 : I.call(c, x.value)) || !x.value)
+      return f;
+    }), fe = (f) => {
+      w.value = !0, $.value = f;
+    }, pe = () => {
+      w.value = !1, $.value = null;
+    }, z = async () => {
+      var E, N;
+      if (!await ((E = d.canEdit) == null ? void 0 : E.call(d, $.value)) || !$.value)
         return;
-      const g = `${Ee.value.href}/${x.value.id}`, y = !x.value.enabled;
+      const g = `${Ce.value.href}/${$.value.id}`, y = !$.value.enabled;
       try {
-        const L = (K = c.config) == null ? void 0 : K.app;
-        let A;
-        O.value && L === "konnect" && (A = await q.get(g));
-        const { data: t } = L === "konnect" ? await q.put(g, { ...(A == null ? void 0 : A.data) || x.value, enabled: y }) : await q.patch(g, { ...x.value, enabled: y });
-        p("toggle:success", t), x.value.enabled = y;
-      } catch (L) {
-        p("error", L);
+        const K = (N = d.config) == null ? void 0 : N.app;
+        let t;
+        W.value && K === "konnect" && (t = await B.get(g));
+        const { data: r } = K === "konnect" ? await B.put(g, { ...(t == null ? void 0 : t.data) || $.value, enabled: y }) : await B.patch(g, { ...$.value, enabled: y });
+        m("toggle:success", r), $.value.enabled = y;
+      } catch (K) {
+        m("error", K);
       }
-    }, ve = (u) => {
-      c.config.getControlPlaneRoute && F.push(c.config.getControlPlaneRoute(u));
-    }, ge = async (u, g) => {
-      const y = u.id;
+    }, me = (f) => {
+      d.config.getControlPlaneRoute && F.push(d.config.getControlPlaneRoute(f));
+    }, ve = async (f, g) => {
+      const y = f.id;
       if (!await g(y)) {
-        p("copy:error", {
-          entity: u,
+        m("copy:error", {
+          entity: f,
           field: "id",
           message: a("errors.copy")
         });
         return;
       }
-      p("copy:success", {
-        entity: u,
+      m("copy:success", {
+        entity: f,
         field: "id",
         message: a("copy.success", { val: y })
       });
-    }, ye = async (u, g) => {
-      const y = JSON.stringify(u);
+    }, ge = async (f, g) => {
+      const y = JSON.stringify(f);
       if (!await g(y)) {
-        p("copy:error", {
-          entity: u,
+        m("copy:error", {
+          entity: f,
           message: a("errors.copy")
         });
         return;
       }
-      p("copy:success", {
-        entity: u,
+      m("copy:success", {
+        entity: f,
         message: a("copy.success_brief")
       });
-    }, _e = async (u) => {
+    }, ye = async (f) => {
       var y;
-      await ((y = c.canRetrieve) == null ? void 0 : y.call(c, u)) && F.push(c.config.getViewRoute(u.id));
-    }, he = (u) => ({
+      await ((y = d.canRetrieve) == null ? void 0 : y.call(d, f)) && F.push(d.config.getViewRoute(f.id));
+    }, _e = (f) => ({
       label: a("actions.view"),
-      to: c.config.getViewRoute(u)
-    }), Ie = (u) => ({
+      to: d.config.getViewRoute(f)
+    }), Pe = (f) => ({
       label: a("actions.edit"),
-      to: c.config.getEditRoute(u)
-    }), Z = (u) => {
-      if (c.config.getDebugRoute)
+      to: d.config.getEditRoute(f)
+    }), H = (f) => {
+      if (d.config.getDebugRoute)
         return {
           label: a("actions.debugger"),
-          to: c.config.getDebugRoute(u)
+          to: d.config.getDebugRoute(f)
         };
-    }, M = $(void 0), W = $(!1), J = $(!1), de = $(""), Fe = lt(c.config, Y.value), be = (u) => {
-      M.value = u, W.value = !0, de.value = "";
-    }, we = () => {
-      W.value = !1, M.value = void 0;
-    }, Ae = async () => {
-      var u, g, y;
-      if ((u = M.value) != null && u.id) {
-        J.value = !0;
+    }, x = U(void 0), G = U(!1), Z = U(!1), ce = U(""), Ie = it(d.config, X.value), he = (f) => {
+      x.value = f, G.value = !0, ce.value = "";
+    }, be = () => {
+      G.value = !1, x.value = void 0;
+    }, Fe = async () => {
+      var f, g, y;
+      if ((f = x.value) != null && f.id) {
+        Z.value = !0;
         try {
-          await q.delete(Fe(M.value.id)), p("delete:success", M.value), we(), S.value++;
-        } catch (I) {
-          de.value = ((y = (g = I.response) == null ? void 0 : g.data) == null ? void 0 : y.message) || I.message || a("errors.delete"), p("error", I);
+          await B.delete(Ie(x.value.id)), m("delete:success", x.value), be(), C.value++;
+        } catch (E) {
+          ce.value = ((y = (g = E.response) == null ? void 0 : g.data) == null ? void 0 : y.message) || E.message || a("errors.delete"), m("error", E);
         } finally {
-          J.value = !1;
+          Z.value = !1;
         }
       }
-    }, Re = () => {
-      F.push(c.config.createRoute);
+    }, Ae = () => {
+      F.push(d.config.createRoute);
     };
-    Me(z, (u) => {
-      var g, y, I;
-      if (u.status === st.Error) {
-        ee.value = {
+    xe(j, (f) => {
+      var g, y, E;
+      if (f.status === lt.Error) {
+        Y.value = {
           title: a("errors.general")
-        }, (I = (y = (g = u.error) == null ? void 0 : g.response) == null ? void 0 : y.data) != null && I.message && (ee.value.message = u.error.response.data.message), p("error", u.error);
+        }, (E = (y = (g = f.error) == null ? void 0 : g.response) == null ? void 0 : y.data) != null && E.message && (Y.value.message = f.error.response.data.message), m("error", f.error);
         return;
       }
-      ee.value = null;
+      Y.value = null;
     });
-    const oe = $(!1);
-    return He(async () => {
-      oe.value = await c.canCreate();
-    }), (u, g) => {
-      const y = D("KButton"), I = D("KEmptyState"), K = D("KBadge"), L = D("KInputSwitch"), A = D("KDropdownItem"), t = D("KClipboardProvider");
-      return V(), R("div", Ft, [
-        n(r(at), {
+    const te = U(!1);
+    return ze(async () => {
+      te.value = await d.canCreate();
+    }), (f, g) => {
+      const y = M("KButton"), E = M("KEmptyState"), N = M("KBadge"), K = M("KInputSwitch"), t = M("KDropdownItem"), r = M("KClipboardProvider");
+      return V(), A("div", It, [
+        c(o(st), {
           "cache-identifier": s.cacheIdentifier,
-          "default-table-preferences": ue,
+          "default-table-preferences": de,
           "disable-sorting": Se.value,
           "empty-state-options": e.value,
           "enable-entity-actions": "",
-          "error-message": ee.value,
-          fetcher: r(Pe),
-          "fetcher-cache-key": r(S),
+          "error-message": Y.value,
+          fetcher: o(Ee),
+          "fetcher-cache-key": o(C),
           "pagination-type": "offset",
           "preferences-storage-key": "kong-ui-entities-gateway-services-list",
-          query: O.value,
-          "table-headers": r(fe),
-          onClearSearchInput: ne,
-          "onClick:row": g[4] || (g[4] = (o) => _e(o)),
-          onSort: ce,
-          onState: r(B)
-        }, Ve({
-          "toolbar-filter": d(() => [
-            n(r(ct), {
-              modelValue: O.value,
-              "onUpdate:modelValue": g[0] || (g[0] = (o) => O.value = o),
-              config: j.value
+          query: W.value,
+          "table-headers": o(ue),
+          onClearSearchInput: ae,
+          "onClick:row": g[4] || (g[4] = (n) => ye(n)),
+          onSort: ne,
+          onState: o(D)
+        }, ke({
+          "toolbar-filter": u(() => [
+            c(o(nt), {
+              modelValue: W.value,
+              "onUpdate:modelValue": g[0] || (g[0] = (n) => W.value = n),
+              config: O.value
             }, null, 8, ["modelValue", "config"])
           ]),
-          "toolbar-button": d(() => [
-            (V(), se(Ze, {
+          "toolbar-button": u(() => [
+            (V(), le(He, {
               disabled: !s.useActionOutside,
               to: "#kong-ui-app-page-header-action-button"
             }, [
-              E("div", At, [
-                P.value ? (V(), se(y, {
+              P("div", Ft, [
+                I.value ? (V(), le(y, {
                   key: 0,
                   appearance: "secondary",
                   class: "open-learning-hub",
                   "data-testid": "gateway-services-learn-more-button",
                   icon: "",
-                  onClick: g[1] || (g[1] = (o) => u.$emit("click:learn-more"))
+                  onClick: g[1] || (g[1] = (n) => f.$emit("click:learn-more"))
                 }, {
-                  default: d(() => [
-                    n(r(Ke), { decorative: "" })
+                  default: u(() => [
+                    c(o(Be), { decorative: "" })
                   ]),
                   _: 1
-                })) : T("", !0),
-                n(r(le), {
+                })) : R("", !0),
+                c(o(ie), {
                   "auth-function": () => s.canCreate()
                 }, {
-                  default: d(() => [
-                    n(y, {
+                  default: u(() => [
+                    c(y, {
                       appearance: "primary",
                       "data-testid": "toolbar-add-gateway-service",
                       size: s.useActionOutside ? "medium" : "large",
                       to: s.config.createRoute
                     }, {
-                      default: d(() => [
-                        n(r(Le)),
-                        U(" " + h(r(a)("gateway_services.list.toolbar_actions.new_gateway_service")), 1)
+                      default: u(() => [
+                        c(o(Ke)),
+                        T(" " + b(o(a)("gateway_services.list.toolbar_actions.new_gateway_service")), 1)
                       ]),
                       _: 1
                     }, 8, ["size", "to"])
@@ -575,132 +575,132 @@ const X = {
               ])
             ], 8, ["disabled"]))
           ]),
-          name: d(({ rowValue: o }) => [
-            E("b", null, h(o ?? "-"), 1)
+          name: u(({ rowValue: n }) => [
+            P("b", null, b(n ?? "-"), 1)
           ]),
-          control_plane: d(({ row: o }) => {
-            var m;
+          control_plane: u(({ row: n }) => {
+            var h;
             return [
-              (m = o.x_meta) != null && m.cluster_id ? (V(), se(K, {
+              (h = n.x_meta) != null && h.cluster_id ? (V(), le(N, {
                 key: 0,
-                tooltip: o.x_meta.cluster_id,
+                tooltip: n.x_meta.cluster_id,
                 "truncation-tooltip": "",
-                onClick: Te((b) => ve(o.x_meta.cluster_id), ["stop"])
+                onClick: Re((_) => me(n.x_meta.cluster_id), ["stop"])
               }, {
-                default: d(() => [
-                  U(h(o.x_meta.cluster_id), 1)
+                default: u(() => [
+                  T(b(n.x_meta.cluster_id), 1)
                 ]),
                 _: 2
-              }, 1032, ["tooltip", "onClick"])) : (V(), R("b", Rt, "-"))
+              }, 1032, ["tooltip", "onClick"])) : (V(), A("b", At, "-"))
             ];
           }),
-          enabled: d(({ row: o }) => [
-            n(r(le), {
-              "auth-function": () => s.canEdit(o),
+          enabled: u(({ row: n }) => [
+            c(o(ie), {
+              "auth-function": () => s.canEdit(n),
               "force-show": ""
             }, {
-              default: d(({ isAllowed: m }) => [
-                E("div", {
-                  onClick: g[3] || (g[3] = Te(() => {
+              default: u(({ isAllowed: h }) => [
+                P("div", {
+                  onClick: g[3] || (g[3] = Re(() => {
                   }, ["stop"]))
                 }, [
-                  n(L, {
-                    modelValue: o.enabled,
-                    "onUpdate:modelValue": (b) => o.enabled = b,
-                    "data-testid": `row-${o.id}-toggle-input`,
-                    disabled: !m,
-                    onClick: Te((b) => pe(o), ["prevent"])
+                  c(K, {
+                    modelValue: n.enabled,
+                    "onUpdate:modelValue": (_) => n.enabled = _,
+                    "data-testid": `row-${n.id}-toggle-input`,
+                    disabled: !h,
+                    onClick: Re((_) => fe(n), ["prevent"])
                   }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "disabled", "onClick"])
                 ])
               ]),
               _: 2
             }, 1032, ["auth-function"])
           ]),
-          tags: d(({ rowValue: o }) => [
-            n(r(nt), { tags: o }, null, 8, ["tags"])
+          tags: u(({ rowValue: n }) => [
+            c(o(at), { tags: n }, null, 8, ["tags"])
           ]),
-          created_at: d(({ rowValue: o }) => [
-            U(h(r(v)(o)), 1)
+          created_at: u(({ rowValue: n }) => [
+            T(b(o(v)(n)), 1)
           ]),
-          updated_at: d(({ row: o, rowValue: m }) => [
-            U(h(r(v)(m ?? o.created_at)), 1)
+          updated_at: u(({ row: n, rowValue: h }) => [
+            T(b(o(v)(h ?? n.created_at)), 1)
           ]),
-          actions: d(({ row: o }) => [
-            n(t, null, {
-              default: d(({ copyToClipboard: m }) => [
-                n(A, {
+          actions: u(({ row: n }) => [
+            c(r, null, {
+              default: u(({ copyToClipboard: h }) => [
+                c(t, {
                   "data-testid": "action-entity-copy-id",
-                  onClick: (b) => ge(o, m)
+                  onClick: (_) => ve(n, h)
                 }, {
-                  default: d(() => [
-                    U(h(r(a)("actions.copy_id")), 1)
+                  default: u(() => [
+                    T(b(o(a)("actions.copy_id")), 1)
                   ]),
                   _: 1
                 }, 8, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            n(t, null, {
-              default: d(({ copyToClipboard: m }) => [
-                n(A, {
+            c(r, null, {
+              default: u(({ copyToClipboard: h }) => [
+                c(t, {
                   "data-testid": "action-entity-copy-json",
-                  onClick: (b) => ye(o, m)
+                  onClick: (_) => ge(n, h)
                 }, {
-                  default: d(() => [
-                    U(h(r(a)("actions.copy_json")), 1)
+                  default: u(() => [
+                    T(b(o(a)("actions.copy_json")), 1)
                   ]),
                   _: 1
                 }, 8, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            n(r(le), {
-              "auth-function": () => s.canRetrieve(o)
+            c(o(ie), {
+              "auth-function": () => s.canRetrieve(n)
             }, {
-              default: d(() => [
-                n(A, {
+              default: u(() => [
+                c(t, {
                   "data-testid": "action-entity-view",
                   "has-divider": "",
-                  item: he(o.id)
+                  item: _e(n.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            n(r(le), {
-              "auth-function": () => s.canDebug(o)
+            c(o(ie), {
+              "auth-function": () => s.canDebug(n)
             }, {
-              default: d(() => [
-                s.config.getDebugRoute ? (V(), se(A, {
+              default: u(() => [
+                s.config.getDebugRoute ? (V(), le(t, {
                   key: 0,
                   "data-testid": "action-entity-debug",
-                  item: Z(o.id)
-                }, null, 8, ["item"])) : T("", !0)
+                  item: H(n.id)
+                }, null, 8, ["item"])) : R("", !0)
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            n(r(le), {
-              "auth-function": () => s.canEdit(o)
+            c(o(ie), {
+              "auth-function": () => s.canEdit(n)
             }, {
-              default: d(() => [
-                n(A, {
+              default: u(() => [
+                c(t, {
                   "data-testid": "action-entity-edit",
-                  item: Ie(o.id)
+                  item: Pe(n.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            n(r(le), {
-              "auth-function": () => s.canDelete(o)
+            c(o(ie), {
+              "auth-function": () => s.canDelete(n)
             }, {
-              default: d(() => [
-                n(A, {
+              default: u(() => [
+                c(t, {
                   danger: "",
                   "data-testid": "action-entity-delete",
                   "has-divider": "",
-                  onClick: (m) => be(o)
+                  onClick: (h) => he(n)
                 }, {
-                  default: d(() => [
-                    U(h(r(a)("actions.delete.menu_label")), 1)
+                  default: u(() => [
+                    T(b(o(a)("actions.delete.menu_label")), 1)
                   ]),
                   _: 1
                 }, 8, ["onClick"])
@@ -710,50 +710,50 @@ const X = {
           ]),
           _: 2
         }, [
-          !O.value && s.config.app === "konnect" ? {
+          !W.value && s.config.app === "konnect" ? {
             name: "empty-state",
-            fn: d(() => {
-              var o;
+            fn: u(() => {
+              var n;
               return [
-                n(I, {
+                c(E, {
                   "data-testid": "gateway-services-entity-empty-state",
                   "icon-background": "",
-                  message: r(a)("gateway_services.empty_state_v2.description"),
-                  title: r(a)("gateway_services.empty_state_v2.title")
-                }, Ve({
-                  icon: d(() => [
-                    n(r(et), { decorative: "" })
+                  message: o(a)("gateway_services.empty_state_v2.description"),
+                  title: o(a)("gateway_services.empty_state_v2.title")
+                }, ke({
+                  icon: u(() => [
+                    c(o(Ye), { decorative: "" })
                   ]),
-                  action: d(() => [
-                    oe.value ? (V(), se(y, {
+                  action: u(() => [
+                    te.value ? (V(), le(y, {
                       key: 0,
                       "data-testid": "entity-create-button",
-                      onClick: Re
+                      onClick: Ae
                     }, {
-                      default: d(() => [
-                        n(r(Le), { decorative: "" }),
-                        U(" " + h(r(a)("gateway_services.empty_state_v2.create")), 1)
+                      default: u(() => [
+                        c(o(Ke), { decorative: "" }),
+                        T(" " + b(o(a)("gateway_services.empty_state_v2.create")), 1)
                       ]),
                       _: 1
-                    })) : T("", !0),
-                    n(y, {
+                    })) : R("", !0),
+                    c(y, {
                       appearance: "secondary",
                       "data-testid": "entity-learn-more-button",
-                      onClick: g[2] || (g[2] = (m) => u.$emit("click:learn-more"))
+                      onClick: g[2] || (g[2] = (h) => f.$emit("click:learn-more"))
                     }, {
-                      default: d(() => [
-                        n(r(Ke), { decorative: "" }),
-                        U(" " + h(r(a)("gateway_services.empty_state_v2.learn_more")), 1)
+                      default: u(() => [
+                        c(o(Be), { decorative: "" }),
+                        T(" " + b(o(a)("gateway_services.empty_state_v2.learn_more")), 1)
                       ]),
                       _: 1
                     })
                   ]),
                   _: 2
                 }, [
-                  (o = s.config) != null && o.isControlPlaneGroup ? {
+                  (n = s.config) != null && n.isControlPlaneGroup ? {
                     name: "default",
-                    fn: d(() => [
-                      U(h(r(a)("gateway_services.empty_state_v2.group")), 1)
+                    fn: u(() => [
+                      T(b(o(a)("gateway_services.empty_state_v2.group")), 1)
                     ]),
                     key: "0"
                   } : void 0
@@ -763,36 +763,36 @@ const X = {
             key: "0"
           } : void 0
         ]), 1032, ["cache-identifier", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "query", "table-headers", "onState"]),
-        n(r(dt), {
-          action: te.value.action,
-          "entity-id": te.value.id,
-          "entity-name": te.value.name,
-          "entity-type": r(a)("glossary.gateway_services"),
-          "on-confirm": H,
+        c(o(ct), {
+          action: ee.value.action,
+          "entity-id": ee.value.id,
+          "entity-name": ee.value.name,
+          "entity-type": o(a)("glossary.gateway_services"),
+          "on-confirm": z,
           visible: w.value,
-          onCancel: me,
-          onProceed: me
+          onCancel: pe,
+          onProceed: pe
         }, null, 8, ["action", "entity-id", "entity-name", "entity-type", "visible"]),
-        n(r(ut), {
-          "action-pending": J.value,
-          description: r(a)("actions.delete.description"),
-          "entity-name": M.value && (M.value.name || M.value.id),
-          "entity-type": r(ft).GatewayService,
-          error: de.value,
-          title: r(a)("actions.delete.title"),
-          visible: W.value,
-          onCancel: we,
-          onProceed: Ae
+        c(o(dt), {
+          "action-pending": Z.value,
+          description: o(a)("actions.delete.description"),
+          "entity-name": x.value && (x.value.name || x.value.id),
+          "entity-type": o(ut).GatewayService,
+          error: ce.value,
+          title: o(a)("actions.delete.title"),
+          visible: G.value,
+          onCancel: be,
+          onProceed: Fe
         }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"])
       ]);
     };
   }
-}), ze = (s, N) => {
-  const p = s.__vccOpts || s;
-  for (const [c, a] of N)
-    p[c] = a;
-  return p;
-}, no = /* @__PURE__ */ ze(Tt, [["__scopeId", "data-v-be14eac9"]]), Ut = { class: "kong-ui-gateway-service-entity-config-card" }, co = /* @__PURE__ */ De({
+}), je = (s, q) => {
+  const m = s.__vccOpts || s;
+  for (const [d, a] of q)
+    m[d] = a;
+  return m;
+}, ao = /* @__PURE__ */ je(Rt, [["__scopeId", "data-v-be14eac9"]]), Tt = { class: "kong-ui-gateway-service-entity-config-card" }, no = /* @__PURE__ */ Me({
   __name: "GatewayServiceConfigCard",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -819,161 +819,161 @@ const X = {
   },
   emits: ["loading", "fetch:error", "fetch:success"],
   setup(s) {
-    const N = s, { i18n: { t: p }, i18nT: c } = X.useI18n(), a = C(() => Ce.form[N.config.app].edit), { getPropValue: v } = Oe(), F = (l, B) => v(l, B) === !0 ? p("gateway_services.form.fields.tls_verify_option.true.display") : p("gateway_services.form.fields.tls_verify_option.false.display"), q = $({
+    const q = s, { i18n: { t: m }, i18nT: d } = Q.useI18n(), a = S(() => Ve.form[q.config.app].edit), { getPropValue: v } = We(), F = (l, D) => v(l, D) === !0 ? m("gateway_services.form.fields.tls_verify_option.true.display") : m("gateway_services.form.fields.tls_verify_option.false.display"), B = U({
       id: {},
       name: {
-        tooltip: p("gateway_services.form.fields.name.tooltip")
+        tooltip: m("gateway_services.form.fields.name.tooltip")
       },
       enabled: {},
       updated_at: {},
       created_at: {},
       protocol: {
-        section: ke.Basic,
-        tooltip: p("gateway_services.form.fields.protocol.tooltip")
+        section: we.Basic,
+        tooltip: m("gateway_services.form.fields.protocol.tooltip")
       },
       host: {
-        section: ke.Basic,
-        tooltip: p("gateway_services.form.fields.host.tooltip")
+        section: we.Basic,
+        tooltip: m("gateway_services.form.fields.host.tooltip")
       },
       path: {
-        section: ke.Basic,
-        tooltip: p("gateway_services.form.fields.path.tooltip")
+        section: we.Basic,
+        tooltip: m("gateway_services.form.fields.path.tooltip")
       },
       port: {
-        section: ke.Basic,
-        tooltip: p("gateway_services.form.fields.port.tooltip")
+        section: we.Basic,
+        tooltip: m("gateway_services.form.fields.port.tooltip")
       },
       tags: {
-        tooltip: p("gateway_services.form.fields.tags.tooltip")
+        tooltip: m("gateway_services.form.fields.tags.tooltip")
       },
       // advanced fields
       retries: {
         order: 1,
-        tooltip: p("gateway_services.form.fields.retries.tooltip")
+        tooltip: m("gateway_services.form.fields.retries.tooltip")
       },
       connect_timeout: {
         order: 2,
-        tooltip: p("gateway_services.form.fields.connect_timeout.tooltip")
+        tooltip: m("gateway_services.form.fields.connect_timeout.tooltip")
       },
       write_timeout: {
         order: 3,
-        tooltip: p("gateway_services.form.fields.write_timeout.tooltip")
+        tooltip: m("gateway_services.form.fields.write_timeout.tooltip")
       },
       read_timeout: {
         order: 4,
-        tooltip: p("gateway_services.form.fields.read_timeout.tooltip")
+        tooltip: m("gateway_services.form.fields.read_timeout.tooltip")
       },
       client_certificate: {
         order: 5,
-        tooltip: p("gateway_services.form.fields.client_certificate.tooltip")
+        tooltip: m("gateway_services.form.fields.client_certificate.tooltip")
       },
       ca_certificates: {
-        type: pt.BadgeTag,
-        label: p("gateway_services.form.fields.ca_certificates.label"),
+        type: ft.BadgeTag,
+        label: m("gateway_services.form.fields.ca_certificates.label"),
         order: 6
       },
       tls_verify: {
-        label: p("gateway_services.form.fields.tls_verify_enabled.label")
+        label: m("gateway_services.form.fields.tls_verify_enabled.label")
       },
       tls_verify_depth: {
         hidden: !0
       }
     });
-    return (l, B) => (V(), R("div", Ut, [
-      n(r(mt), {
+    return (l, D) => (V(), A("div", Tt, [
+      c(o(pt), {
         config: s.config,
         "config-card-doc": s.configCardDoc,
-        "config-schema": q.value,
-        "entity-type": r(je).GatewayService,
+        "config-schema": B.value,
+        "entity-type": o(Oe).GatewayService,
         "fetch-url": a.value,
         "hide-title": s.hideTitle,
-        "onFetch:error": B[0] || (B[0] = (P) => l.$emit("fetch:error", P)),
-        "onFetch:success": B[1] || (B[1] = (P) => l.$emit("fetch:success", P)),
-        onLoading: B[2] || (B[2] = (P) => l.$emit("loading", P))
+        "onFetch:error": D[0] || (D[0] = (I) => l.$emit("fetch:error", I)),
+        "onFetch:success": D[1] || (D[1] = (I) => l.$emit("fetch:success", I)),
+        onLoading: D[2] || (D[2] = (I) => l.$emit("loading", I))
       }, {
-        "enabled-label-tooltip": d(() => [
-          n(r(c), {
+        "enabled-label-tooltip": u(() => [
+          c(o(d), {
             keypath: "gateway_services.form.fields.enabled.tooltip",
             scope: "global"
           }, {
-            false: d(() => [
-              E("code", null, h(r(p)("gateway_services.form.fields.enabled.false")), 1)
+            false: u(() => [
+              P("code", null, b(o(m)("gateway_services.form.fields.enabled.false")), 1)
             ]),
-            true: d(() => [
-              E("code", null, h(r(p)("gateway_services.form.fields.enabled.true")), 1)
+            true: u(() => [
+              P("code", null, b(o(m)("gateway_services.form.fields.enabled.true")), 1)
             ]),
             _: 1
           })
         ]),
-        "ca_certificates-label-tooltip": d(() => [
-          n(r(c), {
+        "ca_certificates-label-tooltip": u(() => [
+          c(o(d), {
             keypath: "gateway_services.form.fields.ca_certificates.tooltip",
             scope: "global"
           }, {
-            code1: d(() => [
-              E("code", null, h(r(p)("gateway_services.form.fields.ca_certificates.code1")), 1)
+            code1: u(() => [
+              P("code", null, b(o(m)("gateway_services.form.fields.ca_certificates.code1")), 1)
             ]),
-            code2: d(() => [
-              E("code", null, h(r(p)("gateway_services.form.fields.ca_certificates.code2")), 1)
+            code2: u(() => [
+              P("code", null, b(o(m)("gateway_services.form.fields.ca_certificates.code2")), 1)
             ]),
             _: 1
           })
         ]),
-        "tls_verify-label-tooltip": d(() => [
-          n(r(c), {
+        "tls_verify-label-tooltip": u(() => [
+          c(o(d), {
             keypath: "gateway_services.form.fields.tls_verify_enabled.tooltip",
             scope: "global"
           }, {
-            code1: d(() => [
-              E("code", null, h(r(p)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
+            code1: u(() => [
+              P("code", null, b(o(m)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
             ]),
             _: 1
           })
         ]),
-        tls_verify: d((P) => [
-          U(h(typeof r(v)("rowValue", P) == "boolean" ? F("rowValue", P) : r(p)("gateway_services.form.fields.tls_verify_option.unset.display")), 1)
+        tls_verify: u((I) => [
+          T(b(typeof o(v)("rowValue", I) == "boolean" ? F("rowValue", I) : o(m)("gateway_services.form.fields.tls_verify_option.unset.display")), 1)
         ]),
-        client_certificate: d((P) => [
-          U(h(r(v)("rowValue", P) ? r(v)("rowValue", P).id : "–"), 1)
+        client_certificate: u((I) => [
+          T(b(o(v)("rowValue", I) ? o(v)("rowValue", I).id : "–"), 1)
         ]),
         _: 1
       }, 8, ["config", "config-card-doc", "config-schema", "entity-type", "fetch-url", "hide-title"])
     ]));
   }
-}), G = {
+}), L = {
   name: "Kong-Air-Flights-API",
   protocol: "https",
   path: "/flights",
   host: "api.kong-air.com",
   port: 443
-}, $t = { class: "kong-ui-entities-gateway-service-form" }, xt = {
+}, Ut = { class: "kong-ui-entities-gateway-service-form" }, $t = {
   key: 0,
   class: "gateway-service-form-general-info"
-}, Mt = { class: "gateway-service-form-group-selection-wrapper" }, Dt = {
+}, xt = { class: "gateway-service-form-group-selection-wrapper" }, Mt = {
   key: 0,
   class: "gateway-service-form-group-fields"
-}, Bt = {
+}, Dt = {
   key: 0,
   class: "gateway-service-form-group-fields"
-}, Kt = { key: 0 }, Lt = {
+}, Bt = { key: 0 }, Kt = {
   key: 0,
   class: "gateway-service-form-advanced-fields"
-}, qt = { class: "gateway-service-form-margin-bottom" }, Gt = { class: "gateway-service-form-margin-bottom" }, Nt = { class: "gateway-service-form-margin-bottom" }, Wt = { class: "gateway-service-form-margin-bottom" }, Ot = {
+}, Lt = { class: "gateway-service-form-margin-bottom" }, qt = { class: "gateway-service-form-margin-bottom" }, Gt = { class: "gateway-service-form-margin-bottom" }, Nt = { class: "gateway-service-form-margin-bottom" }, Wt = {
   key: 0,
   class: "gateway-service-form-margin-bottom"
-}, jt = {
+}, Ot = {
   key: 1,
   class: "gateway-service-form-margin-bottom"
-}, zt = {
+}, jt = {
   key: 2,
   class: "gateway-service-form-margin-bottom"
-}, Ht = {
+}, zt = {
   key: 0,
   class: "checkbox-aligned-radio"
-}, Zt = {
+}, Ht = {
   key: 1,
   class: "checkbox-aligned-radio"
-}, Jt = { class: "gateway-service-form-tags" }, Qt = { class: "form-error-list" }, Xt = /* @__PURE__ */ De({
+}, Zt = { class: "gateway-service-form-tags" }, Jt = { class: "form-error-list" }, Qt = /* @__PURE__ */ Me({
   __name: "GatewayServiceForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -1002,9 +1002,9 @@ const X = {
     }
   },
   emits: ["update", "error", "url-valid:success", "url-valid:error", "loading", "model-updated", "try-sample-api"],
-  setup(s, { expose: N, emit: p }) {
-    var A;
-    const c = p, a = s, v = $(!0), F = Ne(), { i18nT: q, i18n: { t: l } } = X.useI18n(), { getErrorFieldsFromError: B } = vt(), { axiosInstance: P } = We((A = a.config) == null ? void 0 : A.axiosRequestConfig), Se = gt(), { validateHost: ae, validatePath: ue, validatePort: fe, validateProtocol: Y } = X.useUrlValidators(), { objectsAreEqual: Ee } = Oe(), O = C(() => Ce.form[a.config.app].edit), j = C(() => a.gatewayServiceId ? qe.Edit : qe.Create), Pe = $(!1), z = C(() => !!a.gatewayServiceId), S = $(z.value ? "protocol" : "url"), ne = X.usePortFromProtocol(), ce = $(""), ee = C(() => !!ce.value || !!Z("name")), e = Be({
+  setup(s, { expose: q, emit: m }) {
+    var K;
+    const d = m, a = s, v = U(!0), F = Ge(), { i18nT: B, i18n: { t: l } } = Q.useI18n(), { getErrorFieldsFromError: D } = mt(), { axiosInstance: I } = Ne((K = a.config) == null ? void 0 : K.axiosRequestConfig), Se = vt(), { validateHost: se, validatePath: de, validatePort: ue, validateProtocol: X } = Q.useUrlValidators(), { objectsAreEqual: Ce } = We(), W = S(() => Ve.form[a.config.app].edit), O = S(() => a.gatewayServiceId ? Le.Edit : Le.Create), Ee = U(!1), j = S(() => !!a.gatewayServiceId), C = U(j.value ? "protocol" : "url"), ae = Q.usePortFromProtocol(), ne = U(""), Y = S(() => !!ne.value || !!H("name")), e = De({
       fields: {
         name: "",
         protocol: "http",
@@ -1041,7 +1041,7 @@ const X = {
         tls_verify_enabled: "",
         tls_verify_value: ""
       }
-    }), w = Be({
+    }), w = De({
       name: "",
       protocol: "http",
       host: "",
@@ -1058,13 +1058,13 @@ const X = {
       tls_verify_value: !1,
       tags: "",
       enabled: !0
-    }), x = a.config.app === "konnect" || yt({
+    }), $ = a.config.app === "konnect" || gt({
       gatewayInfo: a.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"]
       }
-    }), te = [
+    }), ee = [
       {
         label: l("gateway_services.form.fields.protocol.options.http"),
         value: "http",
@@ -1100,7 +1100,7 @@ const X = {
         value: "grpcs",
         group: "grpc"
       },
-      ...x ? [
+      ...$ ? [
         {
           label: l("gateway_services.form.fields.protocol.options.ws"),
           value: "ws",
@@ -1117,115 +1117,110 @@ const X = {
         value: "udp",
         group: "udp"
       }
-    ], pe = { url: "url", protocol: "protocol" }, me = (t) => {
-      e.fields.protocol = t.value, e.fields.port = ne.getPortFromProtocol(e.fields.protocol, String(e.fields.port));
-    }, H = (t) => t ? parseFloat(t) : 0, ve = () => {
+    ], fe = { url: "url", protocol: "protocol" }, pe = (t) => {
+      e.fields.protocol = t.value, e.fields.port = ae.getPortFromProtocol(e.fields.protocol, String(e.fields.port));
+    }, z = (t) => t ? parseFloat(t) : 0, me = () => {
       e.fields.host = w.host, e.fields.path = w.path, e.fields.port = w.port, e.fields.protocol = w.protocol, e.fields.url = w.url, e.fields.retries = w.retries, e.fields.connect_timeout = w.connect_timeout, e.fields.write_timeout = w.write_timeout, e.fields.read_timeout = w.read_timeout, e.fields.client_certificate = w.client_certificate, e.fields.ca_certificates = w.ca_certificates, e.fields.tls_verify_enabled = w.tls_verify_enabled, e.fields.tls_verify_value = w.tls_verify_value, e.fields.enabled = w.enabled;
+    }, ve = () => {
+      v.value = !0, G(), e.errorMessages = [], me();
     }, ge = () => {
-      v.value = !0, W(), e.errorMessages = [], ve();
-    }, ye = () => {
-      switch (ve(), e.fields.name = `${G.name}-${(/* @__PURE__ */ new Date()).toISOString().replace(/\D/g, "").slice(0, 17)}`, S.value) {
+      switch (me(), e.fields.name = `${L.name}-${(/* @__PURE__ */ new Date()).toISOString().replace(/\D/g, "").slice(0, 17)}`, C.value) {
         case "url":
-          e.fields.url = `${G.protocol}://${G.host}${G.path}`;
+          e.fields.url = `${L.protocol}://${L.host}${L.path}`;
           break;
         case "protocol":
-          e.fields.host = G.host, e.fields.path = G.path, e.fields.protocol = G.protocol, e.fields.port = G.port;
+          e.fields.host = L.host, e.fields.path = L.path, e.fields.protocol = L.protocol, e.fields.port = L.port;
           break;
         default:
-          e.fields.url = `${G.protocol}://${G.host}${G.path}`;
+          e.fields.url = `${L.protocol}://${L.host}${L.path}`;
       }
-    }, _e = () => {
-      if (W(), e.fields.url.length)
+    }, ye = () => {
+      if (G(), e.fields.url.length)
         try {
-          const t = new URL(e.fields.url), o = Y(t.protocol, te);
-          if (o) throw new Error(o);
+          const t = new URL(e.fields.url), r = X(t.protocol, ee);
+          if (r) throw new Error(r);
           e.fields.protocol = t.protocol.slice(0, -1);
-          const m = ae(t.hostname);
-          if (m) throw new Error(m);
+          const n = se(t.hostname);
+          if (n) throw new Error(n);
           e.fields.host = t.hostname;
-          const b = ue(t.pathname);
-          if (b) throw new Error(b);
+          const h = de(t.pathname);
+          if (h) throw new Error(h);
           e.fields.path = t.pathname;
-          const _ = fe(t.port);
+          const _ = ue(t.port);
           if (_) throw new Error(_);
           const k = Number(t.port);
-          Pe.value = !!k, e.fields.port = k || ne.getPortFromProtocol(e.fields.protocol), c("url-valid:success");
+          Ee.value = !!k, e.fields.port = k || ae.getPortFromProtocol(e.fields.protocol), d("url-valid:success");
         } catch {
-          c("url-valid:error", l("gateway_services.form.errors.url.invalid")), e.formFieldErrors.url = l("gateway_services.form.errors.url.invalid");
+          d("url-valid:error", l("gateway_services.form.errors.url.invalid")), e.formFieldErrors.url = l("gateway_services.form.errors.url.invalid");
         }
-    }, he = (t) => {
-      W(t);
-    }, Ie = C(() => !!e.formFieldErrors.url || !!e.formFieldErrors.host || !!e.formFieldErrors.port), Z = (t) => {
+    }, _e = (t) => {
+      G(t);
+    }, Pe = S(() => !!e.formFieldErrors.url || !!e.formFieldErrors.host || !!e.formFieldErrors.port), H = (t) => {
       if (e.errorMessages.length) return "";
-      const o = e.formFieldErrors;
-      return o[t] ? o[t] : "";
-    }, M = (t) => {
-      W(t ?? void 0);
-      const o = ae(e.fields.host);
-      o && (e.formFieldErrors.host = o);
-      const m = ue(e.fields.path);
-      m && (e.formFieldErrors.path = m);
-      const b = fe(e.fields.port);
-      b && (e.formFieldErrors.port = b), J.value ? c("url-valid:success") : c("url-valid:error", e.errorMessages.join(",") || l("gateway_services.form.errors.url.invalid"));
-    }, W = (t) => {
+      const r = e.formFieldErrors;
+      return r[t] ? r[t] : "";
+    }, x = (t) => {
+      G(t ?? void 0);
+      const r = se(e.fields.host);
+      r && (e.formFieldErrors.host = r);
+      const n = de(e.fields.path);
+      n && (e.formFieldErrors.path = n);
+      const h = ue(e.fields.port);
+      h && (e.formFieldErrors.port = h), Z.value ? d("url-valid:success") : d("url-valid:error", e.errorMessages.join(",") || l("gateway_services.form.errors.url.invalid"));
+    }, G = (t) => {
       if (t)
         e.formFieldErrors[t] = "";
       else
-        for (let o in e.formFieldErrors)
-          e.formFieldErrors[o] = "";
+        for (let r in e.formFieldErrors)
+          e.formFieldErrors[r] = "";
       e.errorMessages = [];
-    }, J = C(() => {
+    }, Z = S(() => {
       for (let t in e.formFieldErrors)
         if (e.formFieldErrors[t].length)
           return !1;
       return !0;
-    }), de = () => {
-      e.fields.url && S.value === "url" ? _e() : M();
-    }, Fe = () => `new-service-${(/* @__PURE__ */ new Date()).toISOString().replace(/\D/g, "").slice(0, 17)}`, be = C(() => !["tcp", "tls", "tls_passthrough", "grpc", "grpcs", "udp"].includes(e.fields.protocol)), we = C(() => {
-      if (S.value === "url")
+    }), ce = () => {
+      e.fields.url && C.value === "url" ? ye() : x();
+    }, Ie = () => `new-service-${(/* @__PURE__ */ new Date()).toISOString().replace(/\D/g, "").slice(0, 17)}`, he = S(() => !["tcp", "tls", "tls_passthrough", "grpc", "grpcs", "udp"].includes(e.fields.protocol)), be = S(() => {
+      if (C.value === "url")
         return !0;
       const t = ["https", "wss", "tls"].includes(e.fields.protocol);
-      return S.value === "protocol" && t;
-    }), Ae = C(() => {
-      if (S.value === "url")
+      return C.value === "protocol" && t;
+    }), Fe = S(() => {
+      if (C.value === "url")
         return !0;
       const t = ["https", "tls"].includes(e.fields.protocol);
-      return S.value === "protocol" && t;
-    }), Re = C(() => {
-      if (S.value === "url")
+      return C.value === "protocol" && t;
+    }), Ae = S(() => {
+      if (C.value === "url")
         return !0;
       const t = ["https", "wss", "tls"].includes(e.fields.protocol);
-      return S.value === "protocol" && t;
-    }), oe = (t) => {
-      W("name"), ce.value = Se.utf8Name(t);
-    }, re = C(() => {
-      const t = !z.value || !Ee(e.fields, w), o = S.value === "url" && !!e.fields.url && J.value, m = S.value === "protocol" && !!e.fields.host && J.value;
-      return t && (o || m);
-    }), u = (t) => {
-      var o, m, b;
-      e.fields.name = (t == null ? void 0 : t.name) || "", e.fields.tags = ((o = t == null ? void 0 : t.tags) == null ? void 0 : o.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 = ((m = t == null ? void 0 : t.ca_certificates) == null ? void 0 : m.join(",")) || "", e.fields.client_certificate = ((b = t == null ? void 0 : t.client_certificate) == null ? void 0 : b.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, e.fields.enabled = (t == null ? void 0 : t.enabled) ?? !0, Object.assign(w, e.fields);
+      return C.value === "protocol" && t;
+    }), te = (t) => {
+      G("name"), ne.value = Se.utf8Name(t);
+    }, oe = S(() => {
+      const t = !j.value || !Ce(e.fields, w), r = C.value === "url" && !!e.fields.url && Z.value, n = C.value === "protocol" && !!e.fields.host && Z.value;
+      return t && (r || n);
+    }), f = (t) => {
+      var r, n, h;
+      e.fields.name = (t == null ? void 0 : t.name) || "", e.fields.tags = ((r = t == null ? void 0 : t.tags) == null ? void 0 : r.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 = ((n = t == null ? void 0 : t.ca_certificates) == null ? void 0 : n.join(",")) || "", e.fields.client_certificate = ((h = t == null ? void 0 : t.client_certificate) == null ? void 0 : h.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, e.fields.enabled = (t == null ? void 0 : t.enabled) ?? !0, Object.assign(w, e.fields);
     }, g = () => {
       F.push(a.config.cancelRoute);
-    }, y = C(() => {
-      var o, m;
-      let t = `${a.config.apiBaseUrl}${Ce.form[a.config.app][j.value]}`;
-      return a.config.app === "konnect" ? t = t.replace(/{controlPlaneId}/gi, ((o = a.config) == null ? void 0 : o.controlPlaneId) || "") : a.config.app === "kongManager" && (t = t.replace(/\/{workspace}/gi, (m = a.config) != null && m.workspace ? `/${a.config.workspace}` : "")), t = t.replace(/{id}/gi, a.gatewayServiceId), t;
-    }), I = (t) => {
-      let o = "";
-      t.url && (o = new URL(t.url).protocol), (["https", "wss", "tls"].includes(t.protocol) || ["https", "wss", "tls"].includes(o)) && (t.tls_verify = t.tls_verify_enabled ? t.tls_verify_value : null), delete t.tls_verify_enabled, delete t.tls_verify_value;
-    }, K = C(() => {
-      var o, m, b, _;
+    }, y = S(() => {
+      var r, n;
+      let t = `${a.config.apiBaseUrl}${Ve.form[a.config.app][O.value]}`;
+      return a.config.app === "konnect" ? t = t.replace(/{controlPlaneId}/gi, ((r = a.config) == null ? void 0 : r.controlPlaneId) || "") : a.config.app === "kongManager" && (t = t.replace(/\/{workspace}/gi, (n = a.config) != null && n.workspace ? `/${a.config.workspace}` : "")), t = t.replace(/{id}/gi, a.gatewayServiceId), t;
+    }), E = S(() => {
+      var r, n, h, _;
       const t = {
         name: e.fields.name || null,
-        tags: e.fields.tags ? (b = (m = (o = e.fields.tags) == null ? void 0 : o.split(",")) == null ? void 0 : m.map((k) => String(k || "").trim())) == null ? void 0 : b.filter((k) => k !== "") : null,
+        tags: e.fields.tags ? (h = (n = (r = e.fields.tags) == null ? void 0 : r.split(",")) == null ? void 0 : n.map((k) => String(k || "").trim())) == null ? void 0 : h.filter((k) => k !== "") : null,
         protocol: e.fields.protocol,
         path: e.fields.path || null,
         read_timeout: e.fields.read_timeout,
         retries: e.fields.retries,
         host: e.fields.host,
         connect_timeout: e.fields.connect_timeout,
-        tls_verify_value: e.fields.tls_verify_value,
-        tls_verify_enabled: e.fields.tls_verify_enabled,
         ca_certificates: e.fields.ca_certificates ? (_ = e.fields.ca_certificates) == null ? void 0 : _.split(",").filter((k) => k !== "") : null,
         client_certificate: e.fields.client_certificate ? { id: e.fields.client_certificate } : null,
         write_timeout: e.fields.write_timeout,
@@ -1233,133 +1228,132 @@ const X = {
         url: e.fields.url,
         enabled: e.fields.enabled
       };
-      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), be.value || (t.path = null), j.value === "create" ? S.value === "url" ? (delete t.protocol, delete t.host, delete t.path, a.config.app === "konnect" && delete t.port) : delete t.url : j.value === "edit" && delete t.url, t;
-    }), L = async () => {
-      var t, o, m, b;
+      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), he.value || (t.path = null), O.value === "create" ? C.value === "url" ? (delete t.protocol, delete t.host, delete t.path, a.config.app === "konnect" && delete t.port) : delete t.url : O.value === "edit" && delete t.url, t;
+    }), N = async () => {
+      var t, r, n, h;
       try {
         e.isReadonly = !0;
-        const _ = K.value;
-        I(_);
+        const _ = E.value;
         let k;
-        if (j.value === "create" ? k = await P.post(y.value, _) : j.value === "edit" && (k = ((t = a.config) == null ? void 0 : t.app) === "konnect" ? await P.put(y.value, _) : await P.patch(y.value, _)), k) {
+        if (O.value === "create" ? k = await I.post(y.value, _) : O.value === "edit" && (k = ((t = a.config) == null ? void 0 : t.app) === "konnect" ? await I.put(y.value, _) : await I.patch(y.value, _)), k) {
           const { data: i } = k;
-          e.fields.name = (i == null ? void 0 : i.name) || "", e.fields.port = i.port || ne.getPortFromProtocol(i.protocol), e.fields.protocol = (i == null ? void 0 : i.protocol) || "http", e.fields.host = (i == null ? void 0 : i.host) || "", e.fields.path = (i == null ? void 0 : i.path) || "", e.fields.url = (i == null ? void 0 : i.url) || "", e.fields.retries = i != null && i.retries || (i == null ? void 0 : i.retries) === 0 ? i == null ? void 0 : i.retries : 5, e.fields.connect_timeout = i != null && i.connect_timeout || (i == null ? void 0 : i.connect_timeout) === 0 ? i == null ? void 0 : i.connect_timeout : 6e4, e.fields.write_timeout = i != null && i.write_timeout || (i == null ? void 0 : i.write_timeout) === 0 ? i == null ? void 0 : i.write_timeout : 6e4, e.fields.read_timeout = i != null && i.read_timeout || (i == null ? void 0 : i.read_timeout) === 0 ? i == null ? void 0 : i.read_timeout : 6e4, e.fields.client_certificate = ((o = i == null ? void 0 : i.client_certificate) == null ? void 0 : o.id) || "", e.fields.ca_certificates = (m = i == null ? void 0 : i.ca_certificates) != null && m.length ? i == null ? void 0 : i.ca_certificates.join(",") : "", e.fields.tls_verify_enabled = (i == null ? void 0 : i.tls_verify) !== "" && (i == null ? void 0 : i.tls_verify) !== null && (i == null ? void 0 : i.tls_verify) !== void 0, e.fields.tls_verify_value = e.fields.tls_verify_enabled && (i == null ? void 0 : i.tls_verify), e.fields.tags = (b = i == null ? void 0 : i.tags) != null && b.length ? i.tags.join(", ") : "", e.fields.enabled = (i == null ? void 0 : i.enabled) ?? !0, Object.assign(w, e.fields), c("update", k == null ? void 0 : k.data);
+          e.fields.name = (i == null ? void 0 : i.name) || "", e.fields.port = i.port || ae.getPortFromProtocol(i.protocol), e.fields.protocol = (i == null ? void 0 : i.protocol) || "http", e.fields.host = (i == null ? void 0 : i.host) || "", e.fields.path = (i == null ? void 0 : i.path) || "", e.fields.url = (i == null ? void 0 : i.url) || "", e.fields.retries = i != null && i.retries || (i == null ? void 0 : i.retries) === 0 ? i == null ? void 0 : i.retries : 5, e.fields.connect_timeout = i != null && i.connect_timeout || (i == null ? void 0 : i.connect_timeout) === 0 ? i == null ? void 0 : i.connect_timeout : 6e4, e.fields.write_timeout = i != null && i.write_timeout || (i == null ? void 0 : i.write_timeout) === 0 ? i == null ? void 0 : i.write_timeout : 6e4, e.fields.read_timeout = i != null && i.read_timeout || (i == null ? void 0 : i.read_timeout) === 0 ? i == null ? void 0 : i.read_timeout : 6e4, e.fields.client_certificate = ((r = i == null ? void 0 : i.client_certificate) == null ? void 0 : r.id) || "", e.fields.ca_certificates = (n = i == null ? void 0 : i.ca_certificates) != null && n.length ? i == null ? void 0 : i.ca_certificates.join(",") : "", e.fields.tls_verify_enabled = (i == null ? void 0 : i.tls_verify) !== "" && (i == null ? void 0 : i.tls_verify) !== null && (i == null ? void 0 : i.tls_verify) !== void 0, e.fields.tls_verify_value = e.fields.tls_verify_enabled && (i == null ? void 0 : i.tls_verify), e.fields.tags = (h = i == null ? void 0 : i.tags) != null && h.length ? i.tags.join(", ") : "", e.fields.enabled = (i == null ? void 0 : i.enabled) ?? !0, Object.assign(w, e.fields), d("update", k == null ? void 0 : k.data);
         }
         return k;
       } catch (_) {
-        const { fields: k, messages: i } = B(_);
-        e.errorMessages = i, k.length && k.forEach((Q) => {
-          const ie = Q.field;
-          ie === "client_certificate.id" ? e.formFieldErrors.client_certificate = Q.message : ie.startsWith("ca_certificates") ? e.formFieldErrors.ca_certificates = Q.message : Object.keys(e.formFieldErrors).includes(ie) && (e.formFieldErrors = {
+        const { fields: k, messages: i } = D(_);
+        e.errorMessages = i, k.length && k.forEach((J) => {
+          const re = J.field;
+          re === "client_certificate.id" ? e.formFieldErrors.client_certificate = J.message : re.startsWith("ca_certificates") ? e.formFieldErrors.ca_certificates = J.message : Object.keys(e.formFieldErrors).includes(re) && (e.formFieldErrors = {
             ...e.formFieldErrors,
-            [ie]: Q.message
+            [re]: J.message
           });
-        }), c("error", _);
+        }), d("error", _);
       } finally {
         e.isReadonly = !1;
       }
     };
-    return Me(() => a.gatewayServiceId, () => {
+    return xe(() => a.gatewayServiceId, () => {
       Object.assign(e.fields, w);
-    }), Me(e.fields, () => {
-      c("model-updated", K.value);
-    }), Je(() => {
-      c("model-updated", K.value), z.value || (e.fields.name = Fe());
-    }), N({
-      validateUrl: de,
-      getPayload: K,
-      saveFormData: L,
-      canSubmit: re,
-      initForm: u
-    }), (t, o) => {
-      const m = D("KRadio"), b = D("KButton"), _ = D("KInput"), k = D("KSelect"), i = D("KCheckbox"), Q = D("KCollapse"), ie = D("KAlert");
-      return V(), R("div", $t, [
-        n(r(_t), {
-          "can-submit": re.value,
+    }), xe(e.fields, () => {
+      d("model-updated", E.value);
+    }), Ze(() => {
+      d("model-updated", E.value), j.value || (e.fields.name = Ie());
+    }), q({
+      validateUrl: ce,
+      getPayload: E,
+      saveFormData: N,
+      canSubmit: oe,
+      initForm: f
+    }), (t, r) => {
+      const n = M("KRadio"), h = M("KButton"), _ = M("KInput"), k = M("KSelect"), i = M("KCheckbox"), J = M("KCollapse"), re = M("KAlert");
+      return V(), A("div", Ut, [
+        c(o(yt), {
+          "can-submit": oe.value,
           config: s.config,
           "edit-id": s.gatewayServiceId,
-          "entity-type": r(je).GatewayService,
-          "fetch-url": O.value,
-          "form-fields": K.value,
+          "entity-type": o(Oe).GatewayService,
+          "fetch-url": W.value,
+          "form-fields": E.value,
           "is-readonly": e.isReadonly,
           onCancel: g,
-          "onFetch:error": o[30] || (o[30] = (f) => t.$emit("error", f)),
-          "onFetch:success": u,
-          onLoading: o[31] || (o[31] = (f) => t.$emit("loading", f)),
-          onSubmit: L
+          "onFetch:error": r[30] || (r[30] = (p) => t.$emit("error", p)),
+          "onFetch:success": f,
+          onLoading: r[31] || (r[31] = (p) => t.$emit("loading", p)),
+          onSubmit: N
         }, {
-          "form-actions": d(() => [
-            Ye(t.$slots, "form-actions", {
-              canSubmit: re.value,
+          "form-actions": u(() => [
+            Xe(t.$slots, "form-actions", {
+              canSubmit: oe.value,
               cancel: g,
-              submit: L
+              submit: N
             }, void 0, !0)
           ]),
-          default: d(() => [
-            n(r(Ge), {
-              description: r(l)("gateway_services.form.sections.keys.description"),
+          default: u(() => [
+            c(o(qe), {
+              description: o(l)("gateway_services.form.sections.keys.description"),
               "hide-info-header": s.hideSectionsInfo,
-              title: r(l)("gateway_services.form.sections.keys.title")
+              title: o(l)("gateway_services.form.sections.keys.title")
             }, {
-              default: d(() => [
-                z.value ? T("", !0) : (V(), R("div", xt, [
-                  E("div", Mt, [
-                    n(m, {
-                      modelValue: S.value,
-                      "onUpdate:modelValue": o[0] || (o[0] = (f) => S.value = f),
+              default: u(() => [
+                j.value ? R("", !0) : (V(), A("div", $t, [
+                  P("div", xt, [
+                    c(n, {
+                      modelValue: C.value,
+                      "onUpdate:modelValue": r[0] || (r[0] = (p) => C.value = p),
                       card: "",
                       "card-orientation": "horizontal",
                       "data-testid": "gateway-service-url-radio",
-                      description: r(l)("gateway_services.form.sections.keys.url.description"),
-                      label: r(l)("gateway_services.form.sections.keys.url.label"),
-                      "selected-value": pe.url,
-                      onChange: ge
+                      description: o(l)("gateway_services.form.sections.keys.url.description"),
+                      label: o(l)("gateway_services.form.sections.keys.url.label"),
+                      "selected-value": fe.url,
+                      onChange: ve
                     }, null, 8, ["modelValue", "description", "label", "selected-value"]),
-                    n(m, {
-                      modelValue: S.value,
-                      "onUpdate:modelValue": o[1] || (o[1] = (f) => S.value = f),
+                    c(n, {
+                      modelValue: C.value,
+                      "onUpdate:modelValue": r[1] || (r[1] = (p) => C.value = p),
                       card: "",
                       "card-orientation": "horizontal",
                       "checked-group": "protocol",
                       "data-testid": "gateway-service-protocol-radio",
-                      description: r(l)("gateway_services.form.sections.keys.protocol.description"),
-                      label: r(l)("gateway_services.form.sections.keys.protocol.label"),
-                      "selected-value": pe.protocol,
-                      onChange: ge
+                      description: o(l)("gateway_services.form.sections.keys.protocol.description"),
+                      label: o(l)("gateway_services.form.sections.keys.protocol.label"),
+                      "selected-value": fe.protocol,
+                      onChange: ve
                     }, null, 8, ["modelValue", "description", "label", "selected-value"])
                   ]),
-                  n(Ue, { name: "slide-fade" }, {
-                    default: d(() => [
-                      S.value === "url" ? (V(), R("div", Dt, [
-                        n(_, {
+                  c(Te, { name: "slide-fade" }, {
+                    default: u(() => [
+                      C.value === "url" ? (V(), A("div", Mt, [
+                        c(_, {
                           modelValue: e.fields.url,
-                          "onUpdate:modelValue": o[2] || (o[2] = (f) => e.fields.url = f),
+                          "onUpdate:modelValue": r[2] || (r[2] = (p) => e.fields.url = p),
                           modelModifiers: { trim: !0 },
                           class: "gateway-service-url-input gateway-service-form-margin-bottom",
                           "data-testid": "gateway-service-url-input",
-                          error: Ie.value,
-                          "error-message": Z("url"),
-                          label: r(l)("gateway_services.form.fields.upstream_url.label"),
+                          error: Pe.value,
+                          "error-message": H("url"),
+                          label: o(l)("gateway_services.form.fields.upstream_url.label"),
                           "label-attributes": {
-                            info: s.config.app === "konnect" ? r(l)("gateway_services.form.fields.upstream_url.tooltip_for_konnect") : r(l)("gateway_services.form.fields.upstream_url.tooltip_for_km"),
+                            info: s.config.app === "konnect" ? o(l)("gateway_services.form.fields.upstream_url.tooltip_for_konnect") : o(l)("gateway_services.form.fields.upstream_url.tooltip_for_km"),
                             tooltipAttributes: { maxWidth: "400" }
                           },
                           name: "url",
-                          placeholder: r(l)("gateway_services.form.fields.upstream_url.placeholder"),
+                          placeholder: o(l)("gateway_services.form.fields.upstream_url.placeholder"),
                           required: "",
-                          onInput: _e
-                        }, Ve({ _: 2 }, [
+                          onInput: ye
+                        }, ke({ _: 2 }, [
                           s.hideTrySampleApiButton ? void 0 : {
                             name: "after",
-                            fn: d(() => [
-                              n(b, {
+                            fn: u(() => [
+                              c(h, {
                                 appearance: "tertiary",
                                 "data-testid": "try-sample-api",
                                 size: "small",
-                                onClick: ye
+                                onClick: ge
                               }, {
-                                default: d(() => [
-                                  U(h(r(l)("gateway_services.form.buttons.try_sample")), 1)
+                                default: u(() => [
+                                  T(b(o(l)("gateway_services.form.buttons.try_sample")), 1)
                                 ]),
                                 _: 1
                               })
@@ -1367,57 +1361,57 @@ const X = {
                             key: "0"
                           }
                         ]), 1032, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder"])
-                      ])) : T("", !0)
+                      ])) : R("", !0)
                     ]),
                     _: 1
                   })
                 ])),
-                n(Ue, { name: "slide-fade" }, {
-                  default: d(() => [
-                    S.value === "protocol" || z.value ? (V(), R("div", Bt, [
-                      n(k, {
+                c(Te, { name: "slide-fade" }, {
+                  default: u(() => [
+                    C.value === "protocol" || j.value ? (V(), A("div", Dt, [
+                      c(k, {
                         modelValue: e.fields.protocol,
-                        "onUpdate:modelValue": o[3] || (o[3] = (f) => e.fields.protocol = f),
+                        "onUpdate:modelValue": r[3] || (r[3] = (p) => e.fields.protocol = p),
                         "data-testid": "gateway-service-protocol-select",
-                        items: te,
-                        label: r(l)("gateway_services.form.fields.protocol.label"),
+                        items: ee,
+                        label: o(l)("gateway_services.form.fields.protocol.label"),
                         "label-attributes": {
-                          info: r(l)("gateway_services.form.fields.protocol.tooltip"),
+                          info: o(l)("gateway_services.form.fields.protocol.tooltip"),
                           tooltipAttributes: { maxWidth: "400" }
                         },
                         readonly: e.isReadonly,
                         required: "",
                         width: "100%",
-                        onSelected: me
+                        onSelected: pe
                       }, null, 8, ["modelValue", "label", "label-attributes", "readonly"]),
-                      n(_, {
+                      c(_, {
                         modelValue: e.fields.host,
-                        "onUpdate:modelValue": o[4] || (o[4] = (f) => e.fields.host = f),
+                        "onUpdate:modelValue": r[4] || (r[4] = (p) => e.fields.host = p),
                         modelModifiers: { trim: !0 },
                         class: "gateway-service-form-margin-top",
                         "data-testid": "gateway-service-host-input",
                         error: !!e.formFieldErrors.host,
-                        "error-message": Z("host"),
-                        label: r(l)("gateway_services.form.fields.host.label"),
+                        "error-message": H("host"),
+                        label: o(l)("gateway_services.form.fields.host.label"),
                         "label-attributes": {
-                          info: r(l)("gateway_services.form.fields.host.tooltip"),
+                          info: o(l)("gateway_services.form.fields.host.tooltip"),
                           tooltipAttributes: { maxWidth: "400" }
                         },
                         name: "host",
-                        placeholder: r(l)("gateway_services.form.fields.host.placeholder"),
+                        placeholder: o(l)("gateway_services.form.fields.host.placeholder"),
                         required: "",
-                        onInput: o[5] || (o[5] = (f) => M("host"))
-                      }, Ve({ _: 2 }, [
+                        onInput: r[5] || (r[5] = (p) => x("host"))
+                      }, ke({ _: 2 }, [
                         s.hideTrySampleApiButton ? void 0 : {
                           name: "after",
-                          fn: d(() => [
-                            n(b, {
+                          fn: u(() => [
+                            c(h, {
                               appearance: "tertiary",
                               size: "small",
-                              onClick: ye
+                              onClick: ge
                             }, {
-                              default: d(() => [
-                                U(h(r(l)("gateway_services.form.buttons.try_sample")), 1)
+                              default: u(() => [
+                                T(b(o(l)("gateway_services.form.buttons.try_sample")), 1)
                               ]),
                               _: 1
                             })
@@ -1425,75 +1419,75 @@ const X = {
                           key: "0"
                         }
                       ]), 1032, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder"]),
-                      be.value ? (V(), R("div", Kt, [
-                        n(_, {
+                      he.value ? (V(), A("div", Bt, [
+                        c(_, {
                           modelValue: e.fields.path,
-                          "onUpdate:modelValue": o[6] || (o[6] = (f) => e.fields.path = f),
+                          "onUpdate:modelValue": r[6] || (r[6] = (p) => e.fields.path = p),
                           modelModifiers: { trim: !0 },
                           class: "gateway-service-form-margin-top",
                           "data-testid": "gateway-service-path-input",
                           error: !!e.formFieldErrors.path,
-                          "error-message": Z("path"),
-                          label: r(l)("gateway_services.form.fields.path.label"),
+                          "error-message": H("path"),
+                          label: o(l)("gateway_services.form.fields.path.label"),
                           "label-attributes": {
-                            info: r(l)("gateway_services.form.fields.path.tooltip"),
+                            info: o(l)("gateway_services.form.fields.path.tooltip"),
                             tooltipAttributes: { maxWidth: "400" }
                           },
                           name: "path",
-                          placeholder: r(l)("gateway_services.form.fields.path.placeholder"),
-                          onInput: o[7] || (o[7] = (f) => M("path"))
+                          placeholder: o(l)("gateway_services.form.fields.path.placeholder"),
+                          onInput: r[7] || (r[7] = (p) => x("path"))
                         }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder"])
-                      ])) : T("", !0),
-                      n(_, {
+                      ])) : R("", !0),
+                      c(_, {
                         modelValue: e.fields.port,
                         "onUpdate:modelValue": [
-                          o[8] || (o[8] = (f) => e.fields.port = f),
-                          o[10] || (o[10] = () => {
-                            e.fields.port = H(e.fields.port + "");
+                          r[8] || (r[8] = (p) => e.fields.port = p),
+                          r[10] || (r[10] = () => {
+                            e.fields.port = z(e.fields.port + "");
                           })
                         ],
                         class: "gateway-service-form-margin-top",
                         "data-testid": "gateway-service-port-input",
                         error: !!e.formFieldErrors.port,
-                        "error-message": Z("port"),
-                        label: r(l)("gateway_services.form.fields.port.label"),
+                        "error-message": H("port"),
+                        label: o(l)("gateway_services.form.fields.port.label"),
                         "label-attributes": {
-                          info: r(l)("gateway_services.form.fields.port.tooltip"),
+                          info: o(l)("gateway_services.form.fields.port.tooltip"),
                           tooltipAttributes: { maxWidth: "400" }
                         },
                         name: "port",
                         type: "number",
-                        onInput: o[9] || (o[9] = (f) => M("port"))
+                        onInput: r[9] || (r[9] = (p) => x("port"))
                       }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes"])
-                    ])) : T("", !0)
+                    ])) : R("", !0)
                   ]),
                   _: 1
                 }),
-                n(Q, {
+                c(J, {
                   modelValue: v.value,
-                  "onUpdate:modelValue": o[26] || (o[26] = (f) => v.value = f),
+                  "onUpdate:modelValue": r[26] || (r[26] = (p) => v.value = p),
                   "data-testid": "advanced-fields-collapse",
                   "trigger-alignment": "leading",
-                  "trigger-label": r(l)("gateway_services.form.sections.keys.viewAdvancedFields")
+                  "trigger-label": o(l)("gateway_services.form.sections.keys.viewAdvancedFields")
                 }, {
-                  default: d(() => [
-                    n(Ue, { name: "slide-fade" }, {
-                      default: d(() => [
-                        v.value ? T("", !0) : (V(), R("div", Lt, [
-                          E("div", qt, [
-                            n(_, {
+                  default: u(() => [
+                    c(Te, { name: "slide-fade" }, {
+                      default: u(() => [
+                        v.value ? R("", !0) : (V(), A("div", Kt, [
+                          P("div", Lt, [
+                            c(_, {
                               modelValue: e.fields.retries,
                               "onUpdate:modelValue": [
-                                o[11] || (o[11] = (f) => e.fields.retries = f),
-                                o[12] || (o[12] = () => {
-                                  e.fields.retries = H(e.fields.retries + "");
+                                r[11] || (r[11] = (p) => e.fields.retries = p),
+                                r[12] || (r[12] = () => {
+                                  e.fields.retries = z(e.fields.retries + "");
                                 })
                               ],
                               autocomplete: "off",
                               "data-testid": "gateway-service-retries-input",
-                              label: r(l)("gateway_services.form.fields.retries.label"),
+                              label: o(l)("gateway_services.form.fields.retries.label"),
                               "label-attributes": {
-                                info: r(l)("gateway_services.form.fields.retries.tooltip"),
+                                info: o(l)("gateway_services.form.fields.retries.tooltip"),
                                 tooltipAttributes: { maxWidth: "400" }
                               },
                               name: "retries",
@@ -1501,20 +1495,20 @@ const X = {
                               type: "number"
                             }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                           ]),
-                          E("div", Gt, [
-                            n(_, {
+                          P("div", qt, [
+                            c(_, {
                               modelValue: e.fields.connect_timeout,
                               "onUpdate:modelValue": [
-                                o[13] || (o[13] = (f) => e.fields.connect_timeout = f),
-                                o[14] || (o[14] = () => {
-                                  e.fields.connect_timeout = H(e.fields.connect_timeout + "");
+                                r[13] || (r[13] = (p) => e.fields.connect_timeout = p),
+                                r[14] || (r[14] = () => {
+                                  e.fields.connect_timeout = z(e.fields.connect_timeout + "");
                                 })
                               ],
                               autocomplete: "off",
                               "data-testid": "gateway-service-connTimeout-input",
-                              label: r(l)("gateway_services.form.fields.connect_timeout.label"),
+                              label: o(l)("gateway_services.form.fields.connect_timeout.label"),
                               "label-attributes": {
-                                info: r(l)("gateway_services.form.fields.connect_timeout.tooltip"),
+                                info: o(l)("gateway_services.form.fields.connect_timeout.tooltip"),
                                 tooltipAttributes: { maxWidth: "400" }
                               },
                               name: "connTimeout",
@@ -1522,20 +1516,20 @@ const X = {
                               type: "number"
                             }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                           ]),
-                          E("div", Nt, [
-                            n(_, {
+                          P("div", Gt, [
+                            c(_, {
                               modelValue: e.fields.write_timeout,
                               "onUpdate:modelValue": [
-                                o[15] || (o[15] = (f) => e.fields.write_timeout = f),
-                                o[16] || (o[16] = () => {
-                                  e.fields.write_timeout = H(e.fields.write_timeout + "");
+                                r[15] || (r[15] = (p) => e.fields.write_timeout = p),
+                                r[16] || (r[16] = () => {
+                                  e.fields.write_timeout = z(e.fields.write_timeout + "");
                                 })
                               ],
                               autocomplete: "off",
                               "data-testid": "gateway-service-writeTimeout-input",
-                              label: r(l)("gateway_services.form.fields.write_timeout.label"),
+                              label: o(l)("gateway_services.form.fields.write_timeout.label"),
                               "label-attributes": {
-                                info: r(l)("gateway_services.form.fields.write_timeout.tooltip"),
+                                info: o(l)("gateway_services.form.fields.write_timeout.tooltip"),
                                 tooltipAttributes: { maxWidth: "400" }
                               },
                               name: "writeTimeout",
@@ -1543,20 +1537,20 @@ const X = {
                               type: "number"
                             }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                           ]),
-                          E("div", Wt, [
-                            n(_, {
+                          P("div", Nt, [
+                            c(_, {
                               modelValue: e.fields.read_timeout,
                               "onUpdate:modelValue": [
-                                o[17] || (o[17] = (f) => e.fields.read_timeout = f),
-                                o[18] || (o[18] = () => {
-                                  e.fields.read_timeout = H(e.fields.read_timeout + "");
+                                r[17] || (r[17] = (p) => e.fields.read_timeout = p),
+                                r[18] || (r[18] = () => {
+                                  e.fields.read_timeout = z(e.fields.read_timeout + "");
                                 })
                               ],
                               autocomplete: "off",
                               "data-testid": "gateway-service-readTimeout-input",
-                              label: r(l)("gateway_services.form.fields.read_timeout.label"),
+                              label: o(l)("gateway_services.form.fields.read_timeout.label"),
                               "label-attributes": {
-                                info: r(l)("gateway_services.form.fields.read_timeout.tooltip"),
+                                info: o(l)("gateway_services.form.fields.read_timeout.tooltip"),
                                 tooltipAttributes: { maxWidth: "400" }
                               },
                               name: "readTimeout",
@@ -1564,99 +1558,99 @@ const X = {
                               type: "number"
                             }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                           ]),
-                          we.value ? (V(), R("div", Ot, [
-                            n(_, {
+                          be.value ? (V(), A("div", Wt, [
+                            c(_, {
                               modelValue: e.fields.client_certificate,
-                              "onUpdate:modelValue": o[19] || (o[19] = (f) => e.fields.client_certificate = f),
+                              "onUpdate:modelValue": r[19] || (r[19] = (p) => e.fields.client_certificate = p),
                               modelModifiers: { trim: !0 },
                               autocomplete: "off",
                               "data-testid": "gateway-service-clientCert-input",
                               error: !!e.formFieldErrors.client_certificate,
-                              label: r(l)("gateway_services.form.fields.client_certificate.label"),
+                              label: o(l)("gateway_services.form.fields.client_certificate.label"),
                               "label-attributes": {
-                                info: r(l)("gateway_services.form.fields.client_certificate.tooltip"),
+                                info: o(l)("gateway_services.form.fields.client_certificate.tooltip"),
                                 tooltipAttributes: { maxWidth: "400" }
                               },
                               name: "clientCert",
-                              placeholder: r(l)("gateway_services.form.fields.client_certificate.placeholder"),
+                              placeholder: o(l)("gateway_services.form.fields.client_certificate.placeholder"),
                               readonly: e.isReadonly,
                               type: "text",
-                              onInput: o[20] || (o[20] = (f) => he("client_certificate"))
+                              onInput: r[20] || (r[20] = (p) => _e("client_certificate"))
                             }, null, 8, ["modelValue", "error", "label", "label-attributes", "placeholder", "readonly"])
-                          ])) : T("", !0),
-                          Ae.value ? (V(), R("div", jt, [
-                            n(_, {
+                          ])) : R("", !0),
+                          Fe.value ? (V(), A("div", Ot, [
+                            c(_, {
                               modelValue: e.fields.ca_certificates,
-                              "onUpdate:modelValue": o[21] || (o[21] = (f) => e.fields.ca_certificates = f),
+                              "onUpdate:modelValue": r[21] || (r[21] = (p) => e.fields.ca_certificates = p),
                               modelModifiers: { trim: !0 },
                               autocomplete: "off",
                               "data-testid": "gateway-service-ca-certs-input",
                               error: !!e.formFieldErrors.ca_certificates,
-                              label: r(l)("gateway_services.form.fields.ca_certificates.label"),
+                              label: o(l)("gateway_services.form.fields.ca_certificates.label"),
                               "label-attributes": { tooltipAttributes: { maxWidth: "400" } },
-                              placeholder: r(l)("gateway_services.form.fields.ca_certificates.placeholder"),
+                              placeholder: o(l)("gateway_services.form.fields.ca_certificates.placeholder"),
                               readonly: e.isReadonly,
                               type: "text",
-                              onInput: o[22] || (o[22] = (f) => he("ca_certificates"))
+                              onInput: r[22] || (r[22] = (p) => _e("ca_certificates"))
                             }, {
-                              "label-tooltip": d(() => [
-                                n(r(q), {
+                              "label-tooltip": u(() => [
+                                c(o(B), {
                                   keypath: "gateway_services.form.fields.ca_certificates.tooltip",
                                   scope: "global"
                                 }, {
-                                  code1: d(() => [
-                                    E("code", null, h(r(l)("gateway_services.form.fields.ca_certificates.code1")), 1)
+                                  code1: u(() => [
+                                    P("code", null, b(o(l)("gateway_services.form.fields.ca_certificates.code1")), 1)
                                   ]),
-                                  code2: d(() => [
-                                    E("code", null, h(r(l)("gateway_services.form.fields.ca_certificates.code2")), 1)
+                                  code2: u(() => [
+                                    P("code", null, b(o(l)("gateway_services.form.fields.ca_certificates.code2")), 1)
                                   ]),
                                   _: 1
                                 })
                               ]),
                               _: 1
                             }, 8, ["modelValue", "error", "label", "placeholder", "readonly"])
-                          ])) : T("", !0),
-                          Re.value ? (V(), R("div", zt, [
-                            n(i, {
+                          ])) : R("", !0),
+                          Ae.value ? (V(), A("div", jt, [
+                            c(i, {
                               modelValue: e.fields.tls_verify_enabled,
-                              "onUpdate:modelValue": o[23] || (o[23] = (f) => e.fields.tls_verify_enabled = f),
+                              "onUpdate:modelValue": r[23] || (r[23] = (p) => e.fields.tls_verify_enabled = p),
                               "data-testid": "gateway-service-tls-verify-checkbox",
-                              description: r(l)("gateway_services.form.fields.tls_verify_enabled.help"),
-                              label: r(l)("gateway_services.form.fields.tls_verify_enabled.label"),
+                              description: o(l)("gateway_services.form.fields.tls_verify_enabled.help"),
+                              label: o(l)("gateway_services.form.fields.tls_verify_enabled.label"),
                               "label-attributes": { tooltipAttributes: { maxWidth: "400" } }
                             }, {
-                              tooltip: d(() => [
-                                n(r(q), {
+                              tooltip: u(() => [
+                                c(o(B), {
                                   keypath: "gateway_services.form.fields.tls_verify_enabled.tooltip",
                                   scope: "global"
                                 }, {
-                                  code1: d(() => [
-                                    E("code", null, h(r(l)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
+                                  code1: u(() => [
+                                    P("code", null, b(o(l)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
                                   ]),
                                   _: 1
                                 })
                               ]),
                               _: 1
                             }, 8, ["modelValue", "description", "label"]),
-                            e.fields.tls_verify_enabled ? (V(), R("div", Ht, [
-                              n(m, {
+                            e.fields.tls_verify_enabled ? (V(), A("div", zt, [
+                              c(n, {
                                 modelValue: e.fields.tls_verify_value,
-                                "onUpdate:modelValue": o[24] || (o[24] = (f) => e.fields.tls_verify_value = f),
+                                "onUpdate:modelValue": r[24] || (r[24] = (p) => e.fields.tls_verify_value = p),
                                 "data-testid": "gateway-service-tls-verify-true-option",
-                                label: r(l)("gateway_services.form.fields.tls_verify_option.true.label"),
+                                label: o(l)("gateway_services.form.fields.tls_verify_option.true.label"),
                                 "selected-value": !0
                               }, null, 8, ["modelValue", "label"])
-                            ])) : T("", !0),
-                            e.fields.tls_verify_enabled ? (V(), R("div", Zt, [
-                              n(m, {
+                            ])) : R("", !0),
+                            e.fields.tls_verify_enabled ? (V(), A("div", Ht, [
+                              c(n, {
                                 modelValue: e.fields.tls_verify_value,
-                                "onUpdate:modelValue": o[25] || (o[25] = (f) => e.fields.tls_verify_value = f),
+                                "onUpdate:modelValue": r[25] || (r[25] = (p) => e.fields.tls_verify_value = p),
                                 "data-testid": "gateway-service-tls-verify-false-option",
-                                label: r(l)("gateway_services.form.fields.tls_verify_option.false.label"),
+                                label: o(l)("gateway_services.form.fields.tls_verify_option.false.label"),
                                 "selected-value": !1
                               }, null, 8, ["modelValue", "label"])
-                            ])) : T("", !0)
-                          ])) : T("", !0)
+                            ])) : R("", !0)
+                          ])) : R("", !0)
                         ]))
                       ]),
                       _: 1
@@ -1667,55 +1661,55 @@ const X = {
               ]),
               _: 1
             }, 8, ["description", "hide-info-header", "title"]),
-            n(r(Ge), {
-              description: r(l)("gateway_services.form.sections.general.description"),
+            c(o(qe), {
+              description: o(l)("gateway_services.form.sections.general.description"),
               "hide-info-header": s.hideSectionsInfo,
-              title: r(l)("gateway_services.form.sections.general.title")
+              title: o(l)("gateway_services.form.sections.general.title")
             }, {
-              default: d(() => [
-                n(_, {
+              default: u(() => [
+                c(_, {
                   modelValue: e.fields.name,
-                  "onUpdate:modelValue": o[27] || (o[27] = (f) => e.fields.name = f),
+                  "onUpdate:modelValue": r[27] || (r[27] = (p) => e.fields.name = p),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "gateway-service-name-input",
-                  error: ee.value,
-                  "error-message": ce.value,
-                  label: r(l)("gateway_services.form.fields.name.label"),
+                  error: Y.value,
+                  "error-message": ne.value,
+                  label: o(l)("gateway_services.form.fields.name.label"),
                   "label-attributes": {
-                    info: r(l)("gateway_services.form.fields.name.tooltip"),
+                    info: o(l)("gateway_services.form.fields.name.tooltip"),
                     tooltipAttributes: { maxWidth: "400" }
                   },
                   name: "name",
-                  placeholder: r(l)("gateway_services.form.fields.name.placeholder"),
+                  placeholder: o(l)("gateway_services.form.fields.name.placeholder"),
                   readonly: e.isReadonly,
                   type: "text",
-                  onInput: oe
+                  onInput: te
                 }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder", "readonly"]),
-                n(Q, {
+                c(J, {
                   "data-testid": "tags-collapse",
                   "trigger-alignment": "leading",
-                  "trigger-label": r(l)("gateway_services.form.fields.tags.collapse")
+                  "trigger-label": o(l)("gateway_services.form.fields.tags.collapse")
                 }, {
-                  default: d(() => [
-                    E("div", Jt, [
-                      n(_, {
+                  default: u(() => [
+                    P("div", Zt, [
+                      c(_, {
                         modelValue: e.fields.tags,
-                        "onUpdate:modelValue": o[28] || (o[28] = (f) => e.fields.tags = f),
+                        "onUpdate:modelValue": r[28] || (r[28] = (p) => e.fields.tags = p),
                         modelModifiers: { trim: !0 },
                         autocomplete: "off",
                         "data-testid": "gateway-service-tags-input",
-                        help: r(l)("gateway_services.form.fields.tags.help"),
-                        label: r(l)("gateway_services.form.fields.tags.label"),
+                        help: o(l)("gateway_services.form.fields.tags.help"),
+                        label: o(l)("gateway_services.form.fields.tags.label"),
                         "label-attributes": {
-                          info: r(l)("gateway_services.form.fields.tags.tooltip"),
+                          info: o(l)("gateway_services.form.fields.tags.tooltip"),
                           tooltipAttributes: { maxWidth: "400" }
                         },
                         name: "tags",
-                        placeholder: r(l)("gateway_services.form.fields.tags.placeholder"),
+                        placeholder: o(l)("gateway_services.form.fields.tags.placeholder"),
                         readonly: e.isReadonly,
                         type: "text",
-                        onInput: o[29] || (o[29] = (f) => W("tags"))
+                        onInput: r[29] || (r[29] = (p) => G("tags"))
                       }, null, 8, ["modelValue", "help", "label", "label-attributes", "placeholder", "readonly"])
                     ])
                   ]),
@@ -1724,33 +1718,33 @@ const X = {
               ]),
               _: 1
             }, 8, ["description", "hide-info-header", "title"]),
-            e.errorMessages.length ? (V(), se(ie, {
+            e.errorMessages.length ? (V(), le(re, {
               key: 0,
               appearance: "danger",
               "data-testid": "form-error"
             }, {
-              default: d(() => [
-                E("ul", Qt, [
-                  (V(!0), R(Qe, null, Xe(e.errorMessages, (f) => (V(), R("li", { key: f }, h(f), 1))), 128))
+              default: u(() => [
+                P("ul", Jt, [
+                  (V(!0), A(Je, null, Qe(e.errorMessages, (p) => (V(), A("li", { key: p }, b(p), 1))), 128))
                 ])
               ]),
               _: 1
-            })) : T("", !0)
+            })) : R("", !0)
           ]),
           _: 3
         }, 8, ["can-submit", "config", "edit-id", "entity-type", "fetch-url", "form-fields", "is-readonly"])
       ]);
     };
   }
-}), uo = /* @__PURE__ */ ze(Xt, [["__scopeId", "data-v-72fe312f"]]), { validateHost: Yt, validatePort: eo, validateProtocol: to, validatePath: oo } = X.useUrlValidators(), fo = () => ({
-  validateHost: Yt,
-  validatePort: eo,
-  validateProtocol: to,
-  validatePath: oo
+}), co = /* @__PURE__ */ je(Qt, [["__scopeId", "data-v-8f8e7eca"]]), { validateHost: Xt, validatePort: Yt, validateProtocol: eo, validatePath: to } = Q.useUrlValidators(), uo = () => ({
+  validateHost: Xt,
+  validatePort: Yt,
+  validateProtocol: eo,
+  validatePath: to
 });
 export {
-  co as GatewayServiceConfigCard,
-  uo as GatewayServiceForm,
-  no as GatewayServiceList,
-  fo as useUrlValidator
+  no as GatewayServiceConfigCard,
+  co as GatewayServiceForm,
+  ao as GatewayServiceList,
+  uo as useUrlValidator
 };