@kong-ui-public/entities-gateway-services 3.9.2-pr.1936.006620f46.0 → 3.9.2-pr.1949.0bcd58121.0

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

@@ -1,9 +1,9 @@
-import { defineComponent as Se, computed as w, ref as T, watch as Ve, onBeforeMount as xe, resolveComponent as $, openBlock as S, createElementBlock as P, createVNode as u, unref as o, createSlots as $e, withCtx as f, createBlock as ke, Teleport as Ae, createElementVNode as k, createCommentVNode as F, createTextVNode as U, toDisplayString as _, withModifiers as Ce, reactive as Ie, onMounted as Fe, renderSlot as Be } from "vue";
-import { useRouter as Pe } from "vue-router";
-import { BookIcon as De, AddIcon as Le, ServicesIcon as Ge } from "@kong/icons";
-import { createI18n as Ke, i18nTComponent as qe } from "@kong-ui-public/i18n";
-import { useAxios as Ue, useTableState as Ne, useFetcher as Oe, useDeleteUrlBuilder as We, FetcherStatus as je, EntityBaseTable as ze, EntityFilter as He, PermissionsWrapper as le, TableTags as Je, EntityEmptyState as Qe, EntityToggleModal as Xe, EntityDeleteModal as Ze, EntityTypes as Ye, useErrors as et, useValidators as tt, EntityBaseFormType as Te, useGatewayFeatureSupported as lt, EntityBaseForm as ot, SupportedEntityType as Re, EntityFormSection as Ee, useHelpers as it, ConfigurationSchemaSection as ue, ConfigurationSchemaType as st, EntityBaseConfigCard as rt } from "@kong-ui-public/entities-shared";
-const at = {
+import { defineComponent as Ie, computed as b, ref as T, watch as Se, onBeforeMount as $e, resolveComponent as F, openBlock as V, createElementBlock as P, createVNode as d, unref as o, createSlots as Ae, withCtx as u, createBlock as Ce, Teleport as Fe, createElementVNode as w, createCommentVNode as B, createTextVNode as M, toDisplayString as g, withModifiers as Ve, reactive as Te, onMounted as Be, renderSlot as De } from "vue";
+import { useRouter as Ue } from "vue-router";
+import { BookIcon as Le, AddIcon as Ge, ServicesIcon as Ke } from "@kong/icons";
+import { createI18n as qe, i18nTComponent as Ne } from "@kong-ui-public/i18n";
+import { useAxios as Re, useTableState as Oe, useFetcher as We, useDeleteUrlBuilder as je, FetcherStatus as He, EntityBaseTable as ze, EntityFilter as Je, PermissionsWrapper as ee, TableTags as Qe, EntityEmptyState as Xe, EntityToggleModal as Ze, EntityDeleteModal as Ye, EntityTypes as et, useErrors as tt, useValidators as lt, EntityBaseFormType as Ee, useGatewayFeatureSupported as ot, EntityBaseForm as it, SupportedEntityType as Me, EntityFormSection as Pe, useHelpers as st, ConfigurationSchemaSection as ce, ConfigurationSchemaType as rt, EntityBaseConfigCard as at } from "@kong-ui-public/entities-shared";
+const nt = {
   create: "New Gateway Service",
   serverless_create: "Add a Service",
   copy_id: "Copy ID",
@@ -16,12 +16,12 @@ const at = {
     description: "Deleting this Gateway Service will also remove any associated plugins. This action cannot be reversed.",
     menu_label: "Delete"
   }
-}, nt = {
+}, ct = {
   placeholder: {
     konnect: "Filter by name",
     kongManager: "Filter by exact name or ID"
   }
-}, ct = {
+}, dt = {
   title: "Gateway Services",
   list: {
     toolbar_actions: {
@@ -169,39 +169,39 @@ const at = {
       }
     }
   }
-}, dt = {
+}, ut = {
   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"
-}, ut = {
+}, ft = {
   success: "Copied {val} to clipboard",
   success_brief: "Successfully copied to clipboard"
-}, ft = {
-  gateway_services: "gateway services"
 }, pt = {
-  actions: at,
-  search: nt,
-  gateway_services: ct,
-  errors: dt,
-  copy: ut,
-  glossary: ft
+  gateway_services: "gateway services"
+}, mt = {
+  actions: nt,
+  search: ct,
+  gateway_services: dt,
+  errors: ut,
+  copy: ft,
+  glossary: pt
 };
-function mt() {
-  const a = Ke("en-us", pt);
+function vt() {
+  const n = qe("en-us", mt);
   return {
-    i18n: a,
-    i18nT: qe(a)
+    i18n: n,
+    i18nT: Ne(n)
     // Translation component <i18n-t>
   };
 }
-function vt() {
+function yt() {
   return {
-    getPortFromProtocol: (B, p) => {
-      const d = [80, 443], s = Number(p);
-      if ((s || s === 0) && !d.includes(s))
-        return s;
-      switch (B) {
+    getPortFromProtocol: (D, f) => {
+      const c = [80, 443], r = Number(f);
+      if ((r || r === 0) && !c.includes(r))
+        return r;
+      switch (D) {
         case "grpcs":
         case "tls":
         case "https":
@@ -217,38 +217,38 @@ function vt() {
     }
   };
 }
-const me = {
-  useI18n: mt,
-  usePortFromProtocol: vt
-}, fe = "/v2/control-planes/{controlPlaneId}/core-entities", pe = "/{workspace}", oe = {
+const fe = {
+  useI18n: vt,
+  usePortFromProtocol: yt
+}, de = "/v2/control-planes/{controlPlaneId}/core-entities", ue = "/{workspace}", te = {
   list: {
     konnect: {
-      all: `${fe}/services`
+      all: `${de}/services`
     },
     kongManager: {
-      all: `${pe}/services`
+      all: `${ue}/services`
     }
   },
   form: {
     konnect: {
-      create: `${fe}/services`,
-      validate: `${fe}/v1/schemas/json/service/validate`,
-      edit: `${fe}/services/{id}`
+      create: `${de}/services`,
+      validate: `${de}/v1/schemas/json/service/validate`,
+      edit: `${de}/services/{id}`
     },
     kongManager: {
-      create: `${pe}/services`,
-      validate: `${pe}/schemas/services/validate`,
-      edit: `${pe}/services/{id}`
+      create: `${ue}/services`,
+      validate: `${ue}/schemas/services/validate`,
+      edit: `${ue}/services/{id}`
     }
   }
-}, yt = "#00abd2", gt = "24px", _t = { class: "kong-ui-entities-gateway-services-list" }, bt = { class: "button-row" }, ht = { class: "empty-state-icon-gateway" }, wt = { key: 1 }, kt = /* @__PURE__ */ Se({
+}, gt = "#00abd2", _t = "24px", bt = { class: "kong-ui-entities-gateway-services-list" }, ht = { class: "button-row" }, wt = { class: "empty-state-icon-gateway" }, kt = { key: 1 }, Ct = /* @__PURE__ */ Ie({
   __name: "GatewayServiceList",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
     config: {
       type: Object,
       required: !0,
-      validator: (a) => !(!a || !["konnect", "kongManager"].includes(a == null ? void 0 : a.app) || !a.createRoute || !a.getViewRoute || !a.getEditRoute || a.app === "kongManager" && !a.isExactMatch && !a.filterSchema)
+      validator: (n) => !(!n || !["konnect", "kongManager"].includes(n == null ? void 0 : n.app) || !n.createRoute || !n.getViewRoute || !n.getEditRoute || n.app === "kongManager" && !n.isExactMatch && !n.filterSchema)
     },
     // used to override the default identifier for the cache entry
     cacheIdentifier: {
@@ -299,211 +299,211 @@ const me = {
     }
   },
   emits: ["error", "click:learn-more", "copy:success", "copy:error", "delete:success", "toggle:success"],
-  setup(a, { emit: B }) {
+  setup(n, { emit: D }) {
     var h;
-    const p = B, d = a, { i18n: { t: s, formatUnixTimeStamp: R } } = me.useI18n(), G = Pe(), { axiosInstance: L } = Ue((h = d.config) == null ? void 0 : h.axiosRequestConfig), { hideTableToolbar: r, handleStateChange: E } = Ne(() => g.value), C = w(() => d.config.app !== "kongManager" || !!d.config.disableSorting), ie = {
+    const f = D, c = n, { i18n: { t: r, formatUnixTimeStamp: x } } = fe.useI18n(), O = Ue(), { axiosInstance: N } = Re((h = c.config) == null ? void 0 : h.axiosRequestConfig), { hideTableToolbar: a, handleStateChange: E } = Oe(() => G.value), k = b(() => c.config.app === "konnect" ? !(a && c.enableV2EmptyStates) : !1), pe = b(() => c.config.app !== "kongManager" || !!c.config.disableSorting), le = {
       // the Name column is non-hidable
-      name: { label: s("gateway_services.list.table_headers.name"), searchable: !0, sortable: !0, hidable: !1 },
-      ...d.config.showControlPlaneColumn ? { control_plane: { label: s("gateway_services.list.table_headers.control_plane") } } : {},
-      protocol: { label: s("gateway_services.list.table_headers.protocol"), searchable: !0, sortable: !0 },
-      host: { label: s("gateway_services.list.table_headers.host"), searchable: !0, sortable: !0 },
-      port: { label: s("gateway_services.list.table_headers.port"), searchable: !0, sortable: !0 },
-      path: { label: s("gateway_services.list.table_headers.path"), searchable: !0, sortable: !0 },
-      enabled: { label: s("gateway_services.list.table_headers.enabled"), searchable: !0, sortable: !0 },
-      tags: { label: s("gateway_services.list.table_headers.tags"), sortable: !1 },
-      updated_at: { label: s("gateway_services.list.table_headers.updated_at"), sortable: !0 },
-      created_at: { label: s("gateway_services.list.table_headers.created_at"), sortable: !0 }
-    }, ve = {
+      name: { label: r("gateway_services.list.table_headers.name"), searchable: !0, sortable: !0, hidable: !1 },
+      ...c.config.showControlPlaneColumn ? { control_plane: { label: r("gateway_services.list.table_headers.control_plane") } } : {},
+      protocol: { label: r("gateway_services.list.table_headers.protocol"), searchable: !0, sortable: !0 },
+      host: { label: r("gateway_services.list.table_headers.host"), searchable: !0, sortable: !0 },
+      port: { label: r("gateway_services.list.table_headers.port"), searchable: !0, sortable: !0 },
+      path: { label: r("gateway_services.list.table_headers.path"), searchable: !0, sortable: !0 },
+      enabled: { label: r("gateway_services.list.table_headers.enabled"), searchable: !0, sortable: !0 },
+      tags: { label: r("gateway_services.list.table_headers.tags"), sortable: !1 },
+      updated_at: { label: r("gateway_services.list.table_headers.updated_at"), sortable: !0 },
+      created_at: { label: r("gateway_services.list.table_headers.created_at"), sortable: !0 }
+    }, W = {
       columnVisibility: {
         created_at: !1
       }
-    }, K = ie, N = w(() => {
-      var l, v;
-      let n = `${d.config.apiBaseUrl}${oe.list[d.config.app].all}`;
-      return d.config.app === "konnect" ? n = n.replace(/{controlPlaneId}/gi, ((l = d.config) == null ? void 0 : l.controlPlaneId) || "") : d.config.app === "kongManager" && (n = n.replace(/\/{workspace}/gi, (v = d.config) != null && v.workspace ? `/${d.config.workspace}` : "")), n;
-    }), O = w(() => d.config.apiBaseUrl.startsWith("/") ? new URL(`${window.location.origin}${N.value}`) : new URL(N.value)), g = T(""), H = w(() => {
-      const n = d.config.app === "konnect" || d.config.isExactMatch;
-      if (n)
+    }, me = le, L = b(() => {
+      var m, s;
+      let l = `${c.config.apiBaseUrl}${te.list[c.config.app].all}`;
+      return c.config.app === "konnect" ? l = l.replace(/{controlPlaneId}/gi, ((m = c.config) == null ? void 0 : m.controlPlaneId) || "") : c.config.app === "kongManager" && (l = l.replace(/\/{workspace}/gi, (s = c.config) != null && s.workspace ? `/${c.config.workspace}` : "")), l;
+    }), C = b(() => c.config.apiBaseUrl.startsWith("/") ? new URL(`${window.location.origin}${L.value}`) : new URL(L.value)), G = T(""), Q = b(() => {
+      const l = c.config.app === "konnect" || c.config.isExactMatch;
+      if (l)
         return {
-          isExactMatch: n,
-          placeholder: s(`search.placeholder.${d.config.app}`)
+          isExactMatch: l,
+          placeholder: r(`search.placeholder.${c.config.app}`)
         };
-      const { name: l, enabled: v, protocol: c, host: z, port: M, path: de } = ie;
+      const { name: m, enabled: s, protocol: S, host: J, port: $, path: ne } = le;
       return {
-        isExactMatch: n,
-        fields: { name: l, enabled: v, protocol: c, host: z, port: M, path: de },
-        schema: d.config.filterSchema
+        isExactMatch: l,
+        fields: { name: m, enabled: s, protocol: S, host: J, port: $, path: ne },
+        schema: c.config.filterSchema
       };
     }), {
-      fetcher: J,
-      fetcherState: ye,
-      fetcherCacheKey: e
-    } = Oe({ ...d.config, cacheIdentifier: d.cacheIdentifier }, N.value), b = () => {
-      g.value = "";
+      fetcher: ve,
+      fetcherState: e,
+      fetcherCacheKey: y
+    } = We({ ...c.config, cacheIdentifier: c.cacheIdentifier }, L.value), ye = () => {
+      G.value = "";
     }, ge = () => {
-      e.value++;
-    }, W = T(null), se = w(() => ({
-      ctaPath: d.config.createRoute,
-      ctaText: I.value ? d.isServerless ? s("actions.serverless_create") : s("actions.create") : void 0,
-      message: `${s("gateway_services.list.empty_state.description")}${d.config.additionMessageForEmptyState ? ` ${d.config.additionMessageForEmptyState}` : ""}`,
-      title: I.value ? d.isServerless ? s("gateway_services.list.empty_state.serverless_title") : s("gateway_services.list.empty_state.title") : s("gateway_services.title")
-    })), Q = T(!1), V = T(null), j = w(() => {
-      const n = {
+      y.value++;
+    }, j = T(null), _e = b(() => ({
+      ctaPath: c.config.createRoute,
+      ctaText: _.value ? c.isServerless ? r("actions.serverless_create") : r("actions.create") : void 0,
+      message: `${r("gateway_services.list.empty_state.description")}${c.config.additionMessageForEmptyState ? ` ${c.config.additionMessageForEmptyState}` : ""}`,
+      title: _.value ? c.isServerless ? r("gateway_services.list.empty_state.serverless_title") : r("gateway_services.list.empty_state.title") : r("gateway_services.title")
+    })), K = T(!1), I = T(null), z = b(() => {
+      const l = {
         action: "disable",
         id: "",
         name: ""
       };
-      if (V.value) {
-        const { enabled: l, id: v, name: c } = V.value;
-        n.action = l ? "disable" : "enable", n.id = v, n.name = c || v;
+      if (I.value) {
+        const { enabled: m, id: s, name: S } = I.value;
+        l.action = m ? "disable" : "enable", l.id = s, l.name = S || s;
       }
-      return n;
-    }), re = (n) => {
-      Q.value = !0, V.value = n;
-    }, X = () => {
-      Q.value = !1, V.value = null;
-    }, _e = async () => {
-      var c, z;
-      if (!await ((c = d.canEdit) == null ? void 0 : c.call(d, V.value)) || !V.value)
+      return l;
+    }), oe = (l) => {
+      K.value = !0, I.value = l;
+    }, ie = () => {
+      K.value = !1, I.value = null;
+    }, be = async () => {
+      var S, J;
+      if (!await ((S = c.canEdit) == null ? void 0 : S.call(c, I.value)) || !I.value)
         return;
-      const l = `${O.value.href}/${V.value.id}`, v = !V.value.enabled;
+      const m = `${C.value.href}/${I.value.id}`, s = !I.value.enabled;
       try {
-        const { data: M } = ((z = d.config) == null ? void 0 : z.app) === "konnect" ? await L.put(l, { ...V.value, enabled: v }) : await L.patch(l, { ...V.value, enabled: v });
-        p("toggle:success", M), V.value.enabled = v;
-      } catch (M) {
-        p("error", M);
+        const { data: $ } = ((J = c.config) == null ? void 0 : J.app) === "konnect" ? await N.put(m, { ...I.value, enabled: s }) : await N.patch(m, { ...I.value, enabled: s });
+        f("toggle:success", $), I.value.enabled = s;
+      } catch ($) {
+        f("error", $);
       }
-    }, be = (n) => {
-      d.config.getControlPlaneRoute && G.push(d.config.getControlPlaneRoute(n));
-    }, he = (n, l) => {
-      const v = n.id;
-      if (!l(v)) {
-        p("copy:error", {
-          entity: n,
+    }, he = (l) => {
+      c.config.getControlPlaneRoute && O.push(c.config.getControlPlaneRoute(l));
+    }, we = (l, m) => {
+      const s = l.id;
+      if (!m(s)) {
+        f("copy:error", {
+          entity: l,
           field: "id",
-          message: s("errors.copy")
+          message: r("errors.copy")
         });
         return;
       }
-      p("copy:success", {
-        entity: n,
+      f("copy:success", {
+        entity: l,
         field: "id",
-        message: s("copy.success", { val: v })
+        message: r("copy.success", { val: s })
       });
-    }, we = (n, l) => {
-      const v = JSON.stringify(n);
-      if (!l(v)) {
-        p("copy:error", {
-          entity: n,
-          message: s("errors.copy")
+    }, X = (l, m) => {
+      const s = JSON.stringify(l);
+      if (!m(s)) {
+        f("copy:error", {
+          entity: l,
+          message: r("errors.copy")
         });
         return;
       }
-      p("copy:success", {
-        entity: n,
-        message: s("copy.success_brief")
+      f("copy:success", {
+        entity: l,
+        message: r("copy.success_brief")
       });
-    }, Z = async (n) => {
-      var v;
-      await ((v = d.canRetrieve) == null ? void 0 : v.call(d, n)) && G.push(d.config.getViewRoute(n.id));
-    }, ae = (n) => ({
-      label: s("actions.view"),
-      to: d.config.getViewRoute(n)
-    }), ne = (n) => ({
-      label: s("actions.edit"),
-      to: d.config.getEditRoute(n)
-    }), A = T(void 0), q = T(!1), Y = T(!1), D = T(""), ee = We(d.config, N.value), ce = (n) => {
-      A.value = n, q.value = !0, D.value = "";
-    }, t = () => {
-      q.value = !1, A.value = void 0;
-    }, i = async () => {
-      var n, l, v;
-      if ((n = A.value) != null && n.id) {
-        Y.value = !0;
+    }, se = async (l) => {
+      var s;
+      await ((s = c.canRetrieve) == null ? void 0 : s.call(c, l)) && O.push(c.config.getViewRoute(l.id));
+    }, re = (l) => ({
+      label: r("actions.view"),
+      to: c.config.getViewRoute(l)
+    }), ke = (l) => ({
+      label: r("actions.edit"),
+      to: c.config.getEditRoute(l)
+    }), U = T(void 0), Z = T(!1), q = T(!1), H = T(""), ae = je(c.config, L.value), t = (l) => {
+      U.value = l, Z.value = !0, H.value = "";
+    }, i = () => {
+      Z.value = !1, U.value = void 0;
+    }, v = async () => {
+      var l, m, s;
+      if ((l = U.value) != null && l.id) {
+        q.value = !0;
         try {
-          await L.delete(ee(A.value.id)), p("delete:success", A.value), t(), e.value++;
-        } catch (c) {
-          D.value = ((v = (l = c.response) == null ? void 0 : l.data) == null ? void 0 : v.message) || c.message || s("errors.delete"), p("error", c);
+          await N.delete(ae(U.value.id)), f("delete:success", U.value), i(), y.value++;
+        } catch (S) {
+          H.value = ((s = (m = S.response) == null ? void 0 : m.data) == null ? void 0 : s.message) || S.message || r("errors.delete"), f("error", S);
         } finally {
-          Y.value = !1;
+          q.value = !1;
         }
       }
-    }, y = () => {
-      G.push(d.config.createRoute);
+    }, R = () => {
+      O.push(c.config.createRoute);
     };
-    Ve(ye, (n) => {
-      var l, v, c;
-      if (n.status === je.Error) {
-        W.value = {
-          title: s("errors.general")
-        }, (c = (v = (l = n.error) == null ? void 0 : l.response) == null ? void 0 : v.data) != null && c.message && (W.value.message = n.error.response.data.message), p("error", n.error);
+    Se(e, (l) => {
+      var m, s, S;
+      if (l.status === He.Error) {
+        j.value = {
+          title: r("errors.general")
+        }, (S = (s = (m = l.error) == null ? void 0 : m.response) == null ? void 0 : s.data) != null && S.message && (j.value.message = l.error.response.data.message), f("error", l.error);
         return;
       }
-      W.value = null;
+      j.value = null;
     });
-    const I = T(!1);
-    return xe(async () => {
-      I.value = await d.canCreate();
-    }), (n, l) => {
-      const v = $("KButton"), c = $("KBadge"), z = $("KInputSwitch"), M = $("KDropdownItem"), de = $("KClipboardProvider");
-      return S(), P("div", _t, [
-        u(o(ze), {
-          "cache-identifier": a.cacheIdentifier,
-          "default-table-preferences": ve,
-          "disable-sorting": C.value,
-          "empty-state-options": se.value,
+    const _ = T(!1);
+    return $e(async () => {
+      _.value = await c.canCreate();
+    }), (l, m) => {
+      const s = F("KButton"), S = F("KBadge"), J = F("KInputSwitch"), $ = F("KDropdownItem"), ne = F("KClipboardProvider");
+      return V(), P("div", bt, [
+        d(o(ze), {
+          "cache-identifier": n.cacheIdentifier,
+          "default-table-preferences": W,
+          "disable-sorting": pe.value,
+          "empty-state-options": _e.value,
           "enable-entity-actions": "",
-          "error-message": W.value,
-          fetcher: o(J),
-          "fetcher-cache-key": o(e),
+          "error-message": j.value,
+          fetcher: o(ve),
+          "fetcher-cache-key": o(y),
           "pagination-type": "offset",
           "preferences-storage-key": "kong-ui-entities-gateway-services-list",
-          query: g.value,
-          "table-headers": o(K),
-          onClearSearchInput: b,
-          "onClick:row": l[4] || (l[4] = (m) => Z(m)),
+          query: G.value,
+          "table-headers": o(me),
+          onClearSearchInput: ye,
+          "onClick:row": m[4] || (m[4] = (p) => se(p)),
           onSort: ge,
           onState: o(E)
-        }, $e({
-          "toolbar-filter": f(() => [
-            u(o(He), {
-              modelValue: g.value,
-              "onUpdate:modelValue": l[0] || (l[0] = (m) => g.value = m),
-              config: H.value
+        }, Ae({
+          "toolbar-filter": u(() => [
+            d(o(Je), {
+              modelValue: G.value,
+              "onUpdate:modelValue": m[0] || (m[0] = (p) => G.value = p),
+              config: Q.value
             }, null, 8, ["modelValue", "config"])
           ]),
-          "toolbar-button": f(() => [
-            (S(), ke(Ae, {
-              disabled: !a.useActionOutside,
+          "toolbar-button": u(() => [
+            (V(), Ce(Fe, {
+              disabled: !n.useActionOutside,
               to: "#kong-ui-app-page-header-action-button"
             }, [
-              k("div", bt, [
-                a.enableV2EmptyStates && !o(r) && a.config.app === "konnect" ? (S(), ke(v, {
+              w("div", ht, [
+                k.value ? (V(), Ce(s, {
                   key: 0,
                   appearance: "secondary",
                   class: "open-learning-hub",
                   "data-testid": "gateway-services-learn-more-button",
                   icon: "",
-                  onClick: l[1] || (l[1] = (m) => n.$emit("click:learn-more"))
+                  onClick: m[1] || (m[1] = (p) => l.$emit("click:learn-more"))
                 }, {
-                  default: f(() => [
-                    u(o(De), { decorative: "" })
+                  default: u(() => [
+                    d(o(Le), { decorative: "" })
                   ]),
                   _: 1
-                })) : F("", !0),
-                u(o(le), {
-                  "auth-function": () => a.canCreate()
+                })) : B("", !0),
+                d(o(ee), {
+                  "auth-function": () => n.canCreate()
                 }, {
-                  default: f(() => [
-                    u(v, {
+                  default: u(() => [
+                    d(s, {
                       appearance: "primary",
                       "data-testid": "toolbar-add-gateway-service",
-                      size: a.useActionOutside ? "medium" : "large",
-                      to: a.config.createRoute
+                      size: n.useActionOutside ? "medium" : "large",
+                      to: n.config.createRoute
                     }, {
-                      default: f(() => [
-                        u(o(Le)),
-                        U(" " + _(o(s)("gateway_services.list.toolbar_actions.new_gateway_service")), 1)
+                      default: u(() => [
+                        d(o(Ge)),
+                        M(" " + g(o(r)("gateway_services.list.toolbar_actions.new_gateway_service")), 1)
                       ]),
                       _: 1
                     }, 8, ["size", "to"])
@@ -513,120 +513,120 @@ const me = {
               ])
             ], 8, ["disabled"]))
           ]),
-          name: f(({ rowValue: m }) => [
-            k("b", null, _(m ?? "-"), 1)
+          name: u(({ rowValue: p }) => [
+            w("b", null, g(p ?? "-"), 1)
           ]),
-          control_plane: f(({ row: m }) => {
-            var x;
+          control_plane: u(({ row: p }) => {
+            var A;
             return [
-              (x = m.x_meta) != null && x.cluster_id ? (S(), ke(c, {
+              (A = p.x_meta) != null && A.cluster_id ? (V(), Ce(S, {
                 key: 0,
-                tooltip: m.x_meta.cluster_id,
+                tooltip: p.x_meta.cluster_id,
                 "truncation-tooltip": "",
-                onClick: Ce((te) => be(m.x_meta.cluster_id), ["stop"])
+                onClick: Ve((Y) => he(p.x_meta.cluster_id), ["stop"])
               }, {
-                default: f(() => [
-                  U(_(m.x_meta.cluster_id), 1)
+                default: u(() => [
+                  M(g(p.x_meta.cluster_id), 1)
                 ]),
                 _: 2
-              }, 1032, ["tooltip", "onClick"])) : (S(), P("b", wt, "-"))
+              }, 1032, ["tooltip", "onClick"])) : (V(), P("b", kt, "-"))
             ];
           }),
-          enabled: f(({ row: m }) => [
-            u(o(le), {
-              "auth-function": () => a.canEdit(m),
+          enabled: u(({ row: p }) => [
+            d(o(ee), {
+              "auth-function": () => n.canEdit(p),
               "force-show": ""
             }, {
-              default: f(({ isAllowed: x }) => [
-                k("div", {
-                  onClick: l[3] || (l[3] = Ce(() => {
+              default: u(({ isAllowed: A }) => [
+                w("div", {
+                  onClick: m[3] || (m[3] = Ve(() => {
                   }, ["stop"]))
                 }, [
-                  u(z, {
-                    modelValue: m.enabled,
-                    "onUpdate:modelValue": (te) => m.enabled = te,
-                    "data-testid": `row-${m.id}-toggle-input`,
-                    disabled: !x,
-                    onClick: Ce((te) => re(m), ["prevent"])
+                  d(J, {
+                    modelValue: p.enabled,
+                    "onUpdate:modelValue": (Y) => p.enabled = Y,
+                    "data-testid": `row-${p.id}-toggle-input`,
+                    disabled: !A,
+                    onClick: Ve((Y) => oe(p), ["prevent"])
                   }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "disabled", "onClick"])
                 ])
               ]),
               _: 2
             }, 1032, ["auth-function"])
           ]),
-          tags: f(({ rowValue: m }) => [
-            u(o(Je), { tags: m }, null, 8, ["tags"])
+          tags: u(({ rowValue: p }) => [
+            d(o(Qe), { tags: p }, null, 8, ["tags"])
           ]),
-          created_at: f(({ rowValue: m }) => [
-            U(_(o(R)(m)), 1)
+          created_at: u(({ rowValue: p }) => [
+            M(g(o(x)(p)), 1)
           ]),
-          updated_at: f(({ row: m, rowValue: x }) => [
-            U(_(o(R)(x ?? m.created_at)), 1)
+          updated_at: u(({ row: p, rowValue: A }) => [
+            M(g(o(x)(A ?? p.created_at)), 1)
           ]),
-          actions: f(({ row: m }) => [
-            u(de, null, {
-              default: f(({ copyToClipboard: x }) => [
-                u(M, {
+          actions: u(({ row: p }) => [
+            d(ne, null, {
+              default: u(({ copyToClipboard: A }) => [
+                d($, {
                   "data-testid": "action-entity-copy-id",
-                  onClick: (te) => he(m, x)
+                  onClick: (Y) => we(p, A)
                 }, {
-                  default: f(() => [
-                    U(_(o(s)("actions.copy_id")), 1)
+                  default: u(() => [
+                    M(g(o(r)("actions.copy_id")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            u(de, null, {
-              default: f(({ copyToClipboard: x }) => [
-                u(M, {
+            d(ne, null, {
+              default: u(({ copyToClipboard: A }) => [
+                d($, {
                   "data-testid": "action-entity-copy-json",
-                  onClick: (te) => we(m, x)
+                  onClick: (Y) => X(p, A)
                 }, {
-                  default: f(() => [
-                    U(_(o(s)("actions.copy_json")), 1)
+                  default: u(() => [
+                    M(g(o(r)("actions.copy_json")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            u(o(le), {
-              "auth-function": () => a.canRetrieve(m)
+            d(o(ee), {
+              "auth-function": () => n.canRetrieve(p)
             }, {
-              default: f(() => [
-                u(M, {
+              default: u(() => [
+                d($, {
                   "data-testid": "action-entity-view",
                   "has-divider": "",
-                  item: ae(m.id)
+                  item: re(p.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            u(o(le), {
-              "auth-function": () => a.canEdit(m)
+            d(o(ee), {
+              "auth-function": () => n.canEdit(p)
             }, {
-              default: f(() => [
-                u(M, {
+              default: u(() => [
+                d($, {
                   "data-testid": "action-entity-edit",
-                  item: ne(m.id)
+                  item: ke(p.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            u(o(le), {
-              "auth-function": () => a.canDelete(m)
+            d(o(ee), {
+              "auth-function": () => n.canDelete(p)
             }, {
-              default: f(() => [
-                u(M, {
+              default: u(() => [
+                d($, {
                   danger: "",
                   "data-testid": "action-entity-delete",
                   "has-divider": "",
-                  onClick: (x) => ce(m)
+                  onClick: (A) => t(p)
                 }, {
-                  default: f(() => [
-                    U(_(o(s)("actions.delete.menu_label")), 1)
+                  default: u(() => [
+                    M(g(o(r)("actions.delete.menu_label")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -636,24 +636,24 @@ const me = {
           ]),
           _: 2
         }, [
-          a.enableV2EmptyStates && a.config.app === "konnect" ? {
+          n.enableV2EmptyStates && n.config.app === "konnect" ? {
             name: "empty-state",
-            fn: f(() => [
-              u(o(Qe), {
-                "action-button-text": o(s)("gateway_services.empty_state_v2.create"),
+            fn: u(() => [
+              d(o(Xe), {
+                "action-button-text": o(r)("gateway_services.empty_state_v2.create"),
                 appearance: "secondary",
-                "can-create": () => a.canCreate(),
-                description: o(s)("gateway_services.empty_state_v2.description"),
-                "learn-more": a.config.app === "konnect",
-                title: o(s)("gateway_services.empty_state_v2.title"),
-                "onClick:create": y,
-                "onClick:learnMore": l[2] || (l[2] = (m) => n.$emit("click:learn-more"))
+                "can-create": () => n.canCreate(),
+                description: o(r)("gateway_services.empty_state_v2.description"),
+                "learn-more": n.config.app === "konnect",
+                title: o(r)("gateway_services.empty_state_v2.title"),
+                "onClick:create": R,
+                "onClick:learnMore": m[2] || (m[2] = (p) => l.$emit("click:learn-more"))
               }, {
-                image: f(() => [
-                  k("div", ht, [
-                    u(o(Ge), {
-                      color: o(yt),
-                      size: o(gt)
+                image: u(() => [
+                  w("div", wt, [
+                    d(o(Ke), {
+                      color: o(gt),
+                      size: o(_t)
                     }, null, 8, ["color", "size"])
                   ])
                 ]),
@@ -663,64 +663,64 @@ const me = {
             key: "0"
           } : void 0
         ]), 1032, ["cache-identifier", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "query", "table-headers", "onState"]),
-        u(o(Xe), {
-          action: j.value.action,
-          "entity-id": j.value.id,
-          "entity-name": j.value.name,
-          "entity-type": o(s)("glossary.gateway_services"),
-          "on-confirm": _e,
-          visible: Q.value,
-          onCancel: X,
-          onProceed: X
+        d(o(Ze), {
+          action: z.value.action,
+          "entity-id": z.value.id,
+          "entity-name": z.value.name,
+          "entity-type": o(r)("glossary.gateway_services"),
+          "on-confirm": be,
+          visible: K.value,
+          onCancel: ie,
+          onProceed: ie
         }, null, 8, ["action", "entity-id", "entity-name", "entity-type", "visible"]),
-        u(o(Ze), {
-          "action-pending": Y.value,
-          description: o(s)("actions.delete.description"),
-          "entity-name": A.value && (A.value.name || A.value.id),
-          "entity-type": o(Ye).GatewayService,
-          error: D.value,
-          title: o(s)("actions.delete.title"),
-          visible: q.value,
-          onCancel: t,
-          onProceed: i
+        d(o(Ye), {
+          "action-pending": q.value,
+          description: o(r)("actions.delete.description"),
+          "entity-name": U.value && (U.value.name || U.value.id),
+          "entity-type": o(et).GatewayService,
+          error: H.value,
+          title: o(r)("actions.delete.title"),
+          visible: Z.value,
+          onCancel: i,
+          onProceed: v
         }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"])
       ]);
     };
   }
-}), Me = (a, B) => {
-  const p = a.__vccOpts || a;
-  for (const [d, s] of B)
-    p[d] = s;
-  return p;
-}, zt = /* @__PURE__ */ Me(kt, [["__scopeId", "data-v-17e925aa"]]), Ct = { class: "kong-ui-entities-gateway-service-form" }, Vt = { key: 0 }, St = { class: "gateway-service-form-traffic-label" }, It = { class: "gateway-service-form-margin-bottom" }, Tt = {
+}), xe = (n, D) => {
+  const f = n.__vccOpts || n;
+  for (const [c, r] of D)
+    f[c] = r;
+  return f;
+}, zt = /* @__PURE__ */ xe(Ct, [["__scopeId", "data-v-f843d213"]]), Vt = { class: "kong-ui-entities-gateway-service-form" }, St = { key: 0 }, It = { class: "gateway-service-form-traffic-label" }, Tt = { class: "gateway-service-form-margin-bottom" }, Et = {
   key: 0,
   class: "gateway-service-form-group-fields"
-}, Et = {
+}, Pt = {
   key: 1,
   class: "gateway-service-form-group-fields"
-}, Pt = { key: 0 }, Ut = { class: "gateway-service-form-margin-top" }, Rt = { class: "gateway-service-form-margin-bottom" }, Mt = { class: "gateway-service-form-margin-bottom" }, xt = { class: "gateway-service-form-margin-bottom" }, $t = { class: "gateway-service-form-margin-bottom" }, At = {
+}, Ut = { key: 0 }, Rt = { class: "gateway-service-form-margin-top" }, Mt = { class: "gateway-service-form-margin-bottom" }, xt = { class: "gateway-service-form-margin-bottom" }, $t = { class: "gateway-service-form-margin-bottom" }, At = { class: "gateway-service-form-margin-bottom" }, Ft = {
   key: 0,
   class: "gateway-service-form-margin-bottom"
-}, Ft = {
+}, Bt = {
   key: 1,
   class: "gateway-service-form-margin-bottom"
-}, Bt = {
+}, Dt = {
   key: 2,
   class: "gateway-service-form-margin-bottom"
-}, Dt = {
+}, Lt = {
   key: 0,
   class: "checkbox-aligned-radio"
-}, Lt = {
+}, Gt = {
   key: 1,
   class: "checkbox-aligned-radio"
-}, Gt = /* @__PURE__ */ Se({
+}, Kt = /* @__PURE__ */ Ie({
   __name: "GatewayServiceForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
     config: {
       type: Object,
       required: !0,
-      validator: (a) => !(!a || !["konnect", "kongManager"].includes(a == null ? void 0 : a.app) || a.app === "konnect" && !a.controlPlaneId || a.app === "kongManager" && typeof a.workspace != "string" || !a.cancelRoute)
+      validator: (n) => !(!n || !["konnect", "kongManager"].includes(n == null ? void 0 : n.app) || n.app === "konnect" && !n.controlPlaneId || n.app === "kongManager" && typeof n.workspace != "string" || !n.cancelRoute)
     },
     /** If a valid Gateway Service ID is provided, it will put the form in Edit mode instead of Create */
     gatewayServiceId: {
@@ -736,9 +736,9 @@ const me = {
     }
   },
   emits: ["update", "error", "url-valid:success", "url-valid:error", "loading", "model-updated"],
-  setup(a, { expose: B, emit: p }) {
-    var ce;
-    const d = p, s = a, R = T(!0), G = Pe(), { i18nT: L, i18n: { t: r } } = me.useI18n(), { getMessageFromError: E } = et(), { axiosInstance: C } = Ue((ce = s.config) == null ? void 0 : ce.axiosRequestConfig), ie = tt(), ve = w(() => oe.form[s.config.app].edit), K = w(() => s.gatewayServiceId ? Te.Edit : Te.Create), N = T(!1), O = w(() => !!s.gatewayServiceId), g = T(O.value ? "protocol" : "url"), H = me.usePortFromProtocol(), J = T(""), ye = w(() => !!J.value), e = Ie({
+  setup(n, { expose: D, emit: f }) {
+    var ae;
+    const c = f, r = n, x = T(!0), O = Ue(), { i18nT: N, i18n: { t: a } } = fe.useI18n(), { getMessageFromError: E } = tt(), { axiosInstance: k } = Re((ae = r.config) == null ? void 0 : ae.axiosRequestConfig), pe = lt(), le = b(() => te.form[r.config.app].edit), W = b(() => r.gatewayServiceId ? Ee.Edit : Ee.Create), me = T(!1), L = b(() => !!r.gatewayServiceId), C = T(L.value ? "protocol" : "url"), G = fe.usePortFromProtocol(), Q = T(""), ve = b(() => !!Q.value), e = Te({
       fields: {
         name: "",
         protocol: "http",
@@ -758,7 +758,7 @@ const me = {
       },
       isReadonly: !1,
       errorMessage: ""
-    }), b = Ie({
+    }), y = Te({
       name: "",
       protocol: "http",
       host: "",
@@ -774,119 +774,119 @@ const me = {
       tls_verify_enabled: !1,
       tls_verify_value: !1,
       tags: ""
-    }), ge = s.config.app === "konnect" || lt({
-      gatewayInfo: s.config.gatewayInfo,
+    }), ye = r.config.app === "konnect" || ot({
+      gatewayInfo: r.config.gatewayInfo,
       // 'ws' and 'wss' are not valid values for the protocol field in Gateway Community Edition or before Gateway Enterprise Edition 3.0
       supportedRange: {
         enterprise: ["3.0"]
       }
-    }), W = [
+    }), ge = [
       {
-        label: r("gateway_services.form.fields.protocol.options.http"),
+        label: a("gateway_services.form.fields.protocol.options.http"),
         value: "http",
         group: "http"
       },
       {
-        label: r("gateway_services.form.fields.protocol.options.https"),
+        label: a("gateway_services.form.fields.protocol.options.https"),
         value: "https",
         group: "http"
       },
       {
-        label: r("gateway_services.form.fields.protocol.options.tcp"),
+        label: a("gateway_services.form.fields.protocol.options.tcp"),
         value: "tcp",
         group: "tcp"
       },
       {
-        label: r("gateway_services.form.fields.protocol.options.tls"),
+        label: a("gateway_services.form.fields.protocol.options.tls"),
         value: "tls",
         group: "tcp"
       },
       {
-        label: r("gateway_services.form.fields.protocol.options.tls_passthrough"),
+        label: a("gateway_services.form.fields.protocol.options.tls_passthrough"),
         value: "tls_passthrough",
         group: "tcp"
       },
       {
-        label: r("gateway_services.form.fields.protocol.options.grpc"),
+        label: a("gateway_services.form.fields.protocol.options.grpc"),
         value: "grpc",
         group: "grpc"
       },
       {
-        label: r("gateway_services.form.fields.protocol.options.grpcs"),
+        label: a("gateway_services.form.fields.protocol.options.grpcs"),
         value: "grpcs",
         group: "grpc"
       },
-      ...ge ? [
+      ...ye ? [
         {
-          label: r("gateway_services.form.fields.protocol.options.ws"),
+          label: a("gateway_services.form.fields.protocol.options.ws"),
           value: "ws",
           group: "websocket"
         },
         {
-          label: r("gateway_services.form.fields.protocol.options.wss"),
+          label: a("gateway_services.form.fields.protocol.options.wss"),
           value: "wss",
           group: "websocket"
         }
       ] : [],
       {
-        label: r("gateway_services.form.fields.protocol.options.udp"),
+        label: a("gateway_services.form.fields.protocol.options.udp"),
         value: "udp",
         group: "udp"
       }
-    ], se = { url: "url", protocol: "protocol" }, Q = (t, i) => {
+    ], j = { url: "url", protocol: "protocol" }, _e = (t, i) => {
       i.value;
-    }, V = (t) => t ? parseFloat(t) : 0, j = () => {
-      R.value = !0, e.errorMessage = "", e.fields.host = b.host, e.fields.path = b.path, e.fields.port = b.port, e.fields.protocol = b.protocol, e.fields.url = b.url, e.fields.retries = b.retries, e.fields.connect_timeout = b.connect_timeout, e.fields.write_timeout = b.write_timeout, e.fields.read_timeout = b.read_timeout, e.fields.client_certificate = b.client_certificate, e.fields.ca_certificates = b.ca_certificates, e.fields.tls_verify_enabled = b.tls_verify_enabled, e.fields.tls_verify_value = b.tls_verify_value;
-    }, re = () => {
-      if (e.fields.url && g.value === "url")
+    }, K = (t) => t ? parseFloat(t) : 0, I = () => {
+      x.value = !0, e.errorMessage = "", e.fields.host = y.host, e.fields.path = y.path, e.fields.port = y.port, e.fields.protocol = y.protocol, e.fields.url = y.url, e.fields.retries = y.retries, e.fields.connect_timeout = y.connect_timeout, e.fields.write_timeout = y.write_timeout, e.fields.read_timeout = y.read_timeout, e.fields.client_certificate = y.client_certificate, e.fields.ca_certificates = y.ca_certificates, e.fields.tls_verify_enabled = y.tls_verify_enabled, e.fields.tls_verify_value = y.tls_verify_value;
+    }, z = () => {
+      if (e.fields.url && C.value === "url")
         try {
           const t = new URL(e.fields.url);
           e.errorMessage = "", e.fields.protocol = t.protocol.slice(0, -1), e.fields.host = t.hostname, e.fields.path = t.pathname;
           const i = Number(t.port);
-          N.value = !!i, e.fields.port = i || H.getPortFromProtocol(e.fields.protocol), e.errorMessage = "", d("url-valid:success");
+          me.value = !!i, e.fields.port = i || G.getPortFromProtocol(e.fields.protocol), e.errorMessage = "", c("url-valid:success");
         } catch (t) {
-          e.errorMessage = r("errors.urlErrorMessage"), d("url-valid:error", E(t));
+          e.errorMessage = a("errors.urlErrorMessage"), c("url-valid:error", E(t));
         }
       else
-        d("url-valid:success"), e.errorMessage = "";
-    }, X = w(() => !["tcp", "tls", "tls_passthrough", "grpc", "grpcs", "udp"].includes(e.fields.protocol)), _e = w(() => {
-      if (g.value === "url")
+        c("url-valid:success"), e.errorMessage = "";
+    }, oe = b(() => !["tcp", "tls", "tls_passthrough", "grpc", "grpcs", "udp"].includes(e.fields.protocol)), ie = b(() => {
+      if (C.value === "url")
         return !0;
       const t = ["https", "wss", "tls"].includes(e.fields.protocol);
-      return g.value === "protocol" && t;
-    }), be = w(() => {
-      if (g.value === "url")
+      return C.value === "protocol" && t;
+    }), be = b(() => {
+      if (C.value === "url")
         return !0;
       const t = ["https", "tls"].includes(e.fields.protocol);
-      return g.value === "protocol" && t;
-    }), he = w(() => {
-      if (g.value === "url")
+      return C.value === "protocol" && t;
+    }), he = b(() => {
+      if (C.value === "url")
         return !0;
       const t = ["https", "wss", "tls"].includes(e.fields.protocol);
-      return g.value === "protocol" && t;
+      return C.value === "protocol" && t;
     }), we = (t) => {
-      J.value = ie.utf8Name(t);
-    }, Z = w(() => O.value && JSON.stringify(e.fields) !== JSON.stringify(b) || g.value === "url" && !!e.fields.url || g.value === "protocol" && !!e.fields.host), ae = (t) => {
-      var i, y, I;
-      e.fields.name = (t == null ? void 0 : t.name) || "", e.fields.tags = ((i = t == null ? void 0 : t.tags) == null ? void 0 : i.join(", ")) || "", e.fields.protocol = (t == null ? void 0 : t.protocol) || "http", e.fields.path = (t == null ? void 0 : t.path) || "", e.fields.read_timeout = t != null && t.read_timeout || (t == null ? void 0 : t.read_timeout) === 0 ? t == null ? void 0 : t.read_timeout : 6e4, e.fields.retries = t != null && t.retries || (t == null ? void 0 : t.retries) === 0 ? t == null ? void 0 : t.retries : 5, e.fields.host = (t == null ? void 0 : t.host) || "", e.fields.connect_timeout = t != null && t.connect_timeout || (t == null ? void 0 : t.connect_timeout) === 0 ? t == null ? void 0 : t.connect_timeout : 6e4, e.fields.tls_verify_enabled = (t == null ? void 0 : t.tls_verify) !== "" && (t == null ? void 0 : t.tls_verify) !== null && (t == null ? void 0 : t.tls_verify) !== void 0, e.fields.tls_verify_value = t != null && t.tls_verify ? t == null ? void 0 : t.tls_verify : !1, e.fields.ca_certificates = ((y = t == null ? void 0 : t.ca_certificates) == null ? void 0 : y.join(",")) || "", e.fields.client_certificate = ((I = t == null ? void 0 : t.client_certificate) == null ? void 0 : I.id) || "", e.fields.write_timeout = t != null && t.write_timeout || (t == null ? void 0 : t.write_timeout) === 0 ? t == null ? void 0 : t.write_timeout : 6e4, e.fields.port = t != null && t.port || (t == null ? void 0 : t.port) === 0 ? t == null ? void 0 : t.port : 80, Object.assign(b, e.fields);
-    }, ne = () => {
-      G.push(s.config.cancelRoute);
-    }, A = w(() => {
-      var i, y;
-      let t = `${s.config.apiBaseUrl}${oe.form[s.config.app].validate}`;
-      return s.config.app === "konnect" ? t = t.replace(/{controlPlaneId}/gi, ((i = s.config) == null ? void 0 : i.controlPlaneId) || "") : s.config.app === "kongManager" && (t = t.replace(/\/{workspace}/gi, (y = s.config) != null && y.workspace ? `/${s.config.workspace}` : "")), t = t.replace(/{id}/gi, s.gatewayServiceId), t;
-    }), q = w(() => {
-      var i, y;
-      let t = `${s.config.apiBaseUrl}${oe.form[s.config.app][K.value]}`;
-      return s.config.app === "konnect" ? t = t.replace(/{controlPlaneId}/gi, ((i = s.config) == null ? void 0 : i.controlPlaneId) || "") : s.config.app === "kongManager" && (t = t.replace(/\/{workspace}/gi, (y = s.config) != null && y.workspace ? `/${s.config.workspace}` : "")), t = t.replace(/{id}/gi, s.gatewayServiceId), t;
-    }), Y = (t) => {
+      Q.value = pe.utf8Name(t);
+    }, X = b(() => L.value && JSON.stringify(e.fields) !== JSON.stringify(y) || C.value === "url" && !!e.fields.url || C.value === "protocol" && !!e.fields.host), se = (t) => {
+      var i, v, R;
+      e.fields.name = (t == null ? void 0 : t.name) || "", e.fields.tags = ((i = t == null ? void 0 : t.tags) == null ? void 0 : i.join(", ")) || "", e.fields.protocol = (t == null ? void 0 : t.protocol) || "http", e.fields.path = (t == null ? void 0 : t.path) || "", e.fields.read_timeout = t != null && t.read_timeout || (t == null ? void 0 : t.read_timeout) === 0 ? t == null ? void 0 : t.read_timeout : 6e4, e.fields.retries = t != null && t.retries || (t == null ? void 0 : t.retries) === 0 ? t == null ? void 0 : t.retries : 5, e.fields.host = (t == null ? void 0 : t.host) || "", e.fields.connect_timeout = t != null && t.connect_timeout || (t == null ? void 0 : t.connect_timeout) === 0 ? t == null ? void 0 : t.connect_timeout : 6e4, e.fields.tls_verify_enabled = (t == null ? void 0 : t.tls_verify) !== "" && (t == null ? void 0 : t.tls_verify) !== null && (t == null ? void 0 : t.tls_verify) !== void 0, e.fields.tls_verify_value = t != null && t.tls_verify ? t == null ? void 0 : t.tls_verify : !1, e.fields.ca_certificates = ((v = t == null ? void 0 : t.ca_certificates) == null ? void 0 : v.join(",")) || "", e.fields.client_certificate = ((R = t == null ? void 0 : t.client_certificate) == null ? void 0 : R.id) || "", e.fields.write_timeout = t != null && t.write_timeout || (t == null ? void 0 : t.write_timeout) === 0 ? t == null ? void 0 : t.write_timeout : 6e4, e.fields.port = t != null && t.port || (t == null ? void 0 : t.port) === 0 ? t == null ? void 0 : t.port : 80, Object.assign(y, e.fields);
+    }, re = () => {
+      O.push(r.config.cancelRoute);
+    }, ke = b(() => {
+      var i, v;
+      let t = `${r.config.apiBaseUrl}${te.form[r.config.app].validate}`;
+      return r.config.app === "konnect" ? t = t.replace(/{controlPlaneId}/gi, ((i = r.config) == null ? void 0 : i.controlPlaneId) || "") : r.config.app === "kongManager" && (t = t.replace(/\/{workspace}/gi, (v = r.config) != null && v.workspace ? `/${r.config.workspace}` : "")), t = t.replace(/{id}/gi, r.gatewayServiceId), t;
+    }), U = b(() => {
+      var i, v;
+      let t = `${r.config.apiBaseUrl}${te.form[r.config.app][W.value]}`;
+      return r.config.app === "konnect" ? t = t.replace(/{controlPlaneId}/gi, ((i = r.config) == null ? void 0 : i.controlPlaneId) || "") : r.config.app === "kongManager" && (t = t.replace(/\/{workspace}/gi, (v = r.config) != null && v.workspace ? `/${r.config.workspace}` : "")), t = t.replace(/{id}/gi, r.gatewayServiceId), t;
+    }), Z = (t) => {
       let i = "";
       t.url && (i = new URL(t.url).protocol), (["https", "wss", "tls"].includes(t.protocol) || ["https", "wss", "tls"].includes(i)) && (t.tls_verify = t.tls_verify_enabled ? t.tls_verify_value : null), delete t.tls_verify_enabled, delete t.tls_verify_value;
-    }, D = w(() => {
-      var i, y, I, h;
+    }, q = b(() => {
+      var i, v, R, _;
       const t = {
         name: e.fields.name || null,
-        tags: e.fields.tags ? (I = (y = (i = e.fields.tags) == null ? void 0 : i.split(",")) == null ? void 0 : y.map((n) => String(n || "").trim())) == null ? void 0 : I.filter((n) => n !== "") : null,
+        tags: e.fields.tags ? (R = (v = (i = e.fields.tags) == null ? void 0 : i.split(",")) == null ? void 0 : v.map((h) => String(h || "").trim())) == null ? void 0 : R.filter((h) => h !== "") : null,
         protocol: e.fields.protocol,
         path: e.fields.path || null,
         read_timeout: e.fields.read_timeout,
@@ -895,263 +895,263 @@ const me = {
         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 ? (h = e.fields.ca_certificates) == null ? void 0 : h.split(",").filter((n) => n !== "") : null,
+        ca_certificates: e.fields.ca_certificates ? (_ = e.fields.ca_certificates) == null ? void 0 : _.split(",").filter((h) => h !== "") : null,
         client_certificate: e.fields.client_certificate ? { id: e.fields.client_certificate } : null,
         write_timeout: e.fields.write_timeout,
         port: e.fields.port,
         url: e.fields.url
       };
-      return e.fields.client_certificate && ["https", "wss", "tls"].includes(e.fields.protocol) && (t.client_certificate = { id: e.fields.client_certificate }), e.fields.tls_verify_enabled && ["https", "wss", "tls"].includes(e.fields.protocol) && (t.tls_verify = e.fields.tls_verify_value), X.value || (t.path = null), K.value === "create" ? g.value === "url" ? (delete t.protocol, delete t.host, delete t.path, s.config.app === "konnect" && delete t.port) : delete t.url : K.value === "edit" && delete t.url, t;
-    }), ee = async () => {
-      var t, i, y, I;
+      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), oe.value || (t.path = null), W.value === "create" ? C.value === "url" ? (delete t.protocol, delete t.host, delete t.path, r.config.app === "konnect" && delete t.port) : delete t.url : W.value === "edit" && delete t.url, t;
+    }), H = async () => {
+      var t, i, v, R;
       try {
-        e.isReadonly = !0, re();
-        const h = D.value;
-        Y(h);
-        let n;
-        if (await C.post(A.value, h), K.value === "create" ? n = await C.post(q.value, h) : K.value === "edit" && (n = ((t = s.config) == null ? void 0 : t.app) === "konnect" ? await C.put(q.value, h) : await C.patch(q.value, h)), n) {
-          const { data: l } = n;
-          e.fields.name = (l == null ? void 0 : l.name) || "", e.fields.port = l.port || H.getPortFromProtocol(l.protocol), e.fields.protocol = (l == null ? void 0 : l.protocol) || "http", e.fields.host = (l == null ? void 0 : l.host) || "", e.fields.path = (l == null ? void 0 : l.path) || "", e.fields.url = (l == null ? void 0 : l.url) || "", e.fields.retries = l != null && l.retries || (l == null ? void 0 : l.retries) === 0 ? l == null ? void 0 : l.retries : 5, e.fields.connect_timeout = l != null && l.connect_timeout || (l == null ? void 0 : l.connect_timeout) === 0 ? l == null ? void 0 : l.connect_timeout : 6e4, e.fields.write_timeout = l != null && l.write_timeout || (l == null ? void 0 : l.write_timeout) === 0 ? l == null ? void 0 : l.write_timeout : 6e4, e.fields.read_timeout = l != null && l.read_timeout || (l == null ? void 0 : l.read_timeout) === 0 ? l == null ? void 0 : l.read_timeout : 6e4, e.fields.client_certificate = ((i = l == null ? void 0 : l.client_certificate) == null ? void 0 : i.id) || "", e.fields.ca_certificates = (y = l == null ? void 0 : l.ca_certificates) != null && y.length ? l == null ? void 0 : l.ca_certificates.join(",") : "", e.fields.tls_verify_enabled = (l == null ? void 0 : l.tls_verify) !== "" && (l == null ? void 0 : l.tls_verify) !== null && (l == null ? void 0 : l.tls_verify) !== void 0, e.fields.tls_verify_value = e.fields.tls_verify_enabled && (l == null ? void 0 : l.tls_verify), e.fields.tags = (I = l == null ? void 0 : l.tags) != null && I.length ? l.tags.join(", ") : "", Object.assign(b, e.fields), d("update", n == null ? void 0 : n.data);
+        e.isReadonly = !0, z();
+        const _ = q.value;
+        Z(_);
+        let h;
+        if (await k.post(ke.value, _), W.value === "create" ? h = await k.post(U.value, _) : W.value === "edit" && (h = ((t = r.config) == null ? void 0 : t.app) === "konnect" ? await k.put(U.value, _) : await k.patch(U.value, _)), h) {
+          const { data: l } = h;
+          e.fields.name = (l == null ? void 0 : l.name) || "", e.fields.port = l.port || G.getPortFromProtocol(l.protocol), e.fields.protocol = (l == null ? void 0 : l.protocol) || "http", e.fields.host = (l == null ? void 0 : l.host) || "", e.fields.path = (l == null ? void 0 : l.path) || "", e.fields.url = (l == null ? void 0 : l.url) || "", e.fields.retries = l != null && l.retries || (l == null ? void 0 : l.retries) === 0 ? l == null ? void 0 : l.retries : 5, e.fields.connect_timeout = l != null && l.connect_timeout || (l == null ? void 0 : l.connect_timeout) === 0 ? l == null ? void 0 : l.connect_timeout : 6e4, e.fields.write_timeout = l != null && l.write_timeout || (l == null ? void 0 : l.write_timeout) === 0 ? l == null ? void 0 : l.write_timeout : 6e4, e.fields.read_timeout = l != null && l.read_timeout || (l == null ? void 0 : l.read_timeout) === 0 ? l == null ? void 0 : l.read_timeout : 6e4, e.fields.client_certificate = ((i = l == null ? void 0 : l.client_certificate) == null ? void 0 : i.id) || "", e.fields.ca_certificates = (v = l == null ? void 0 : l.ca_certificates) != null && v.length ? l == null ? void 0 : l.ca_certificates.join(",") : "", e.fields.tls_verify_enabled = (l == null ? void 0 : l.tls_verify) !== "" && (l == null ? void 0 : l.tls_verify) !== null && (l == null ? void 0 : l.tls_verify) !== void 0, e.fields.tls_verify_value = e.fields.tls_verify_enabled && (l == null ? void 0 : l.tls_verify), e.fields.tags = (R = l == null ? void 0 : l.tags) != null && R.length ? l.tags.join(", ") : "", Object.assign(y, e.fields), c("update", h == null ? void 0 : h.data);
         }
-        return n;
-      } catch (h) {
-        e.errorMessage = E(h), d("error", h);
+        return h;
+      } catch (_) {
+        e.errorMessage = E(_), c("error", _);
       } finally {
         e.isReadonly = !1;
       }
     };
-    return Ve(() => s.gatewayServiceId, () => {
-      Object.assign(e.fields, b);
-    }), Ve(e.fields, (t) => {
-      e.fields.port = H.getPortFromProtocol(t.protocol, String(t.port)), d("model-updated", D.value);
-    }), Fe(() => {
-      d("model-updated", D.value);
-    }), B({
-      validateUrl: re,
-      getPayload: D,
-      saveFormData: ee,
-      canSubmit: Z,
-      initForm: ae
+    return Se(() => r.gatewayServiceId, () => {
+      Object.assign(e.fields, y);
+    }), Se(e.fields, (t) => {
+      e.fields.port = G.getPortFromProtocol(t.protocol, String(t.port)), c("model-updated", q.value);
+    }), Be(() => {
+      c("model-updated", q.value);
+    }), D({
+      validateUrl: z,
+      getPayload: q,
+      saveFormData: H,
+      canSubmit: X,
+      initForm: se
     }), (t, i) => {
-      const y = $("KInput"), I = $("KLabel"), h = $("KRadio"), n = $("KSelect"), l = $("KCheckbox"), v = $("KCollapse");
-      return S(), P("div", Ct, [
-        u(o(ot), {
-          "can-submit": Z.value,
-          config: a.config,
-          "edit-id": a.gatewayServiceId,
-          "entity-type": o(Re).GatewayService,
+      const v = F("KInput"), R = F("KLabel"), _ = F("KRadio"), h = F("KSelect"), l = F("KCheckbox"), m = F("KCollapse");
+      return V(), P("div", Vt, [
+        d(o(it), {
+          "can-submit": X.value,
+          config: n.config,
+          "edit-id": n.gatewayServiceId,
+          "entity-type": o(Me).GatewayService,
           "error-message": e.errorMessage,
-          "fetch-url": ve.value,
-          "form-fields": D.value,
+          "fetch-url": le.value,
+          "form-fields": q.value,
           "is-readonly": e.isReadonly,
-          onCancel: ne,
-          "onFetch:error": i[25] || (i[25] = (c) => t.$emit("error", c)),
-          "onFetch:success": ae,
-          onLoading: i[26] || (i[26] = (c) => t.$emit("loading", c)),
-          onSubmit: ee
+          onCancel: re,
+          "onFetch:error": i[25] || (i[25] = (s) => t.$emit("error", s)),
+          "onFetch:success": se,
+          onLoading: i[26] || (i[26] = (s) => t.$emit("loading", s)),
+          onSubmit: H
         }, {
-          "form-actions": f(() => [
-            Be(t.$slots, "form-actions", {
-              canSubmit: Z.value,
-              cancel: ne,
-              submit: ee
+          "form-actions": u(() => [
+            De(t.$slots, "form-actions", {
+              canSubmit: X.value,
+              cancel: re,
+              submit: H
             }, void 0, !0)
           ]),
-          default: f(() => [
-            u(o(Ee), {
-              description: o(r)("gateway_services.form.sections.general.description"),
-              "hide-info-header": a.hideSectionsInfo,
-              title: o(r)("gateway_services.form.sections.general.title")
+          default: u(() => [
+            d(o(Pe), {
+              description: o(a)("gateway_services.form.sections.general.description"),
+              "hide-info-header": n.hideSectionsInfo,
+              title: o(a)("gateway_services.form.sections.general.title")
             }, {
-              default: f(() => [
-                u(y, {
+              default: u(() => [
+                d(v, {
                   modelValue: e.fields.name,
-                  "onUpdate:modelValue": i[0] || (i[0] = (c) => e.fields.name = c),
+                  "onUpdate:modelValue": i[0] || (i[0] = (s) => e.fields.name = s),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "gateway-service-name-input",
-                  error: ye.value,
-                  "error-message": J.value,
-                  label: o(r)("gateway_services.form.fields.name.label"),
+                  error: ve.value,
+                  "error-message": Q.value,
+                  label: o(a)("gateway_services.form.fields.name.label"),
                   "label-attributes": {
-                    info: o(r)("gateway_services.form.fields.name.tooltip"),
+                    info: o(a)("gateway_services.form.fields.name.tooltip"),
                     tooltipAttributes: { maxWidth: "400" }
                   },
                   name: "name",
-                  placeholder: o(r)("gateway_services.form.fields.name.placeholder"),
+                  placeholder: o(a)("gateway_services.form.fields.name.placeholder"),
                   readonly: e.isReadonly,
                   type: "text",
                   onInput: we
                 }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder", "readonly"]),
-                u(y, {
+                d(v, {
                   modelValue: e.fields.tags,
-                  "onUpdate:modelValue": i[1] || (i[1] = (c) => e.fields.tags = c),
+                  "onUpdate:modelValue": i[1] || (i[1] = (s) => e.fields.tags = s),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "gateway-service-tags-input",
-                  help: o(r)("gateway_services.form.fields.tags.help"),
-                  label: o(r)("gateway_services.form.fields.tags.label"),
+                  help: o(a)("gateway_services.form.fields.tags.help"),
+                  label: o(a)("gateway_services.form.fields.tags.label"),
                   "label-attributes": {
-                    info: o(r)("gateway_services.form.fields.tags.tooltip"),
+                    info: o(a)("gateway_services.form.fields.tags.tooltip"),
                     tooltipAttributes: { maxWidth: "400" }
                   },
                   name: "tags",
-                  placeholder: o(r)("gateway_services.form.fields.tags.placeholder"),
+                  placeholder: o(a)("gateway_services.form.fields.tags.placeholder"),
                   readonly: e.isReadonly,
                   type: "text"
                 }, null, 8, ["modelValue", "help", "label", "label-attributes", "placeholder", "readonly"])
               ]),
               _: 1
             }, 8, ["description", "hide-info-header", "title"]),
-            u(o(Ee), {
-              description: o(r)("gateway_services.form.sections.keys.description"),
-              "hide-info-header": a.hideSectionsInfo,
-              title: o(r)("gateway_services.form.sections.keys.title")
+            d(o(Pe), {
+              description: o(a)("gateway_services.form.sections.keys.description"),
+              "hide-info-header": n.hideSectionsInfo,
+              title: o(a)("gateway_services.form.sections.keys.title")
             }, {
-              default: f(() => [
-                O.value ? F("", !0) : (S(), P("div", Vt, [
-                  k("div", St, [
-                    u(I, { required: "" }, {
-                      default: f(() => [
-                        U(_(o(r)("gateway_services.form.sections.keys.checkedGroupLabel")), 1)
+              default: u(() => [
+                L.value ? B("", !0) : (V(), P("div", St, [
+                  w("div", It, [
+                    d(R, { required: "" }, {
+                      default: u(() => [
+                        M(g(o(a)("gateway_services.form.sections.keys.checkedGroupLabel")), 1)
                       ]),
                       _: 1
                     })
                   ]),
-                  k("div", It, [
-                    u(h, {
-                      modelValue: g.value,
-                      "onUpdate:modelValue": i[2] || (i[2] = (c) => g.value = c),
+                  w("div", Tt, [
+                    d(_, {
+                      modelValue: C.value,
+                      "onUpdate:modelValue": i[2] || (i[2] = (s) => C.value = s),
                       "data-testid": "gateway-service-url-radio",
-                      "selected-value": se.url,
-                      onChange: j
+                      "selected-value": j.url,
+                      onChange: I
                     }, {
-                      default: f(() => [
-                        U(_(o(r)("gateway_services.form.sections.keys.urlLabel")), 1)
+                      default: u(() => [
+                        M(g(o(a)("gateway_services.form.sections.keys.urlLabel")), 1)
                       ]),
                       _: 1
                     }, 8, ["modelValue", "selected-value"])
                   ]),
-                  g.value === "url" ? (S(), P("div", Tt, [
-                    u(y, {
+                  C.value === "url" ? (V(), P("div", Et, [
+                    d(v, {
                       modelValue: e.fields.url,
-                      "onUpdate:modelValue": i[3] || (i[3] = (c) => e.fields.url = c),
+                      "onUpdate:modelValue": i[3] || (i[3] = (s) => e.fields.url = s),
                       modelModifiers: { trim: !0 },
                       class: "gateway-service-url-input gateway-service-form-margin-bottom",
                       "data-testid": "gateway-service-url-input",
-                      label: o(r)("gateway_services.form.fields.upstream_url.label"),
+                      label: o(a)("gateway_services.form.fields.upstream_url.label"),
                       "label-attributes": {
-                        info: a.config.app === "konnect" ? o(r)("gateway_services.form.fields.upstream_url.tooltip_for_konnect") : o(r)("gateway_services.form.fields.upstream_url.tooltip_for_km"),
+                        info: n.config.app === "konnect" ? o(a)("gateway_services.form.fields.upstream_url.tooltip_for_konnect") : o(a)("gateway_services.form.fields.upstream_url.tooltip_for_km"),
                         tooltipAttributes: { maxWidth: "400" }
                       },
                       name: "url",
-                      placeholder: o(r)("gateway_services.form.fields.upstream_url.placeholder"),
+                      placeholder: o(a)("gateway_services.form.fields.upstream_url.placeholder"),
                       required: ""
                     }, null, 8, ["modelValue", "label", "label-attributes", "placeholder"])
-                  ])) : F("", !0),
-                  u(h, {
-                    modelValue: g.value,
-                    "onUpdate:modelValue": i[4] || (i[4] = (c) => g.value = c),
+                  ])) : B("", !0),
+                  d(_, {
+                    modelValue: C.value,
+                    "onUpdate:modelValue": i[4] || (i[4] = (s) => C.value = s),
                     "checked-group": "protocol",
                     "data-testid": "gateway-service-protocol-radio",
-                    "selected-value": se.protocol,
-                    onChange: j
+                    "selected-value": j.protocol,
+                    onChange: I
                   }, {
-                    default: f(() => [
-                      U(_(o(r)("gateway_services.form.sections.keys.checkedGroupAltLabel")), 1)
+                    default: u(() => [
+                      M(g(o(a)("gateway_services.form.sections.keys.checkedGroupAltLabel")), 1)
                     ]),
                     _: 1
                   }, 8, ["modelValue", "selected-value"])
                 ])),
-                g.value === "protocol" || O.value ? (S(), P("div", Et, [
-                  u(n, {
+                C.value === "protocol" || L.value ? (V(), P("div", Pt, [
+                  d(h, {
                     modelValue: e.fields.protocol,
-                    "onUpdate:modelValue": i[5] || (i[5] = (c) => e.fields.protocol = c),
+                    "onUpdate:modelValue": i[5] || (i[5] = (s) => e.fields.protocol = s),
                     "data-testid": "gateway-service-protocol-select",
-                    items: W,
-                    label: o(r)("gateway_services.form.fields.protocol.label"),
+                    items: ge,
+                    label: o(a)("gateway_services.form.fields.protocol.label"),
                     "label-attributes": {
-                      info: o(r)("gateway_services.form.fields.protocol.tooltip"),
+                      info: o(a)("gateway_services.form.fields.protocol.tooltip"),
                       tooltipAttributes: { maxWidth: "400" }
                     },
                     readonly: e.isReadonly,
                     required: "",
                     width: "100%",
-                    onSelected: i[6] || (i[6] = (c) => Q(e.fields.protocol, c))
+                    onSelected: i[6] || (i[6] = (s) => _e(e.fields.protocol, s))
                   }, null, 8, ["modelValue", "label", "label-attributes", "readonly"]),
-                  u(y, {
+                  d(v, {
                     modelValue: e.fields.host,
-                    "onUpdate:modelValue": i[7] || (i[7] = (c) => e.fields.host = c),
+                    "onUpdate:modelValue": i[7] || (i[7] = (s) => e.fields.host = s),
                     modelModifiers: { trim: !0 },
                     class: "gateway-service-form-margin-top",
                     "data-testid": "gateway-service-host-input",
-                    label: o(r)("gateway_services.form.fields.host.label"),
+                    label: o(a)("gateway_services.form.fields.host.label"),
                     "label-attributes": {
-                      info: o(r)("gateway_services.form.fields.host.tooltip"),
+                      info: o(a)("gateway_services.form.fields.host.tooltip"),
                       tooltipAttributes: { maxWidth: "400" }
                     },
                     name: "host",
-                    placeholder: o(r)("gateway_services.form.fields.host.placeholder"),
+                    placeholder: o(a)("gateway_services.form.fields.host.placeholder"),
                     required: ""
                   }, null, 8, ["modelValue", "label", "label-attributes", "placeholder"]),
-                  X.value ? (S(), P("div", Pt, [
-                    u(y, {
+                  oe.value ? (V(), P("div", Ut, [
+                    d(v, {
                       modelValue: e.fields.path,
-                      "onUpdate:modelValue": i[8] || (i[8] = (c) => e.fields.path = c),
+                      "onUpdate:modelValue": i[8] || (i[8] = (s) => e.fields.path = s),
                       modelModifiers: { trim: !0 },
                       class: "gateway-service-form-margin-top",
                       "data-testid": "gateway-service-path-input",
-                      label: o(r)("gateway_services.form.fields.path.label"),
+                      label: o(a)("gateway_services.form.fields.path.label"),
                       "label-attributes": {
-                        info: o(r)("gateway_services.form.fields.path.tooltip"),
+                        info: o(a)("gateway_services.form.fields.path.tooltip"),
                         tooltipAttributes: { maxWidth: "400" }
                       },
                       name: "path",
-                      placeholder: o(r)("gateway_services.form.fields.path.placeholder")
+                      placeholder: o(a)("gateway_services.form.fields.path.placeholder")
                     }, null, 8, ["modelValue", "label", "label-attributes", "placeholder"])
-                  ])) : F("", !0),
-                  u(y, {
+                  ])) : B("", !0),
+                  d(v, {
                     modelValue: e.fields.port,
                     "onUpdate:modelValue": [
-                      i[9] || (i[9] = (c) => e.fields.port = c),
+                      i[9] || (i[9] = (s) => e.fields.port = s),
                       i[10] || (i[10] = () => {
-                        e.fields.port = V(e.fields.port + "");
+                        e.fields.port = K(e.fields.port + "");
                       })
                     ],
                     class: "gateway-service-form-margin-top",
                     "data-testid": "gateway-service-port-input",
-                    label: o(r)("gateway_services.form.fields.port.label"),
+                    label: o(a)("gateway_services.form.fields.port.label"),
                     "label-attributes": {
-                      info: o(r)("gateway_services.form.fields.port.tooltip"),
+                      info: o(a)("gateway_services.form.fields.port.tooltip"),
                       tooltipAttributes: { maxWidth: "400" }
                     },
                     name: "port",
                     type: "number"
                   }, null, 8, ["modelValue", "label", "label-attributes"])
-                ])) : F("", !0),
-                u(v, {
-                  modelValue: R.value,
-                  "onUpdate:modelValue": i[24] || (i[24] = (c) => R.value = c),
+                ])) : B("", !0),
+                d(m, {
+                  modelValue: x.value,
+                  "onUpdate:modelValue": i[24] || (i[24] = (s) => x.value = s),
                   "data-testid": "advanced-fields-collapse",
                   "trigger-alignment": "leading",
-                  "trigger-label": o(r)("gateway_services.form.sections.keys.viewAdvancedFields")
+                  "trigger-label": o(a)("gateway_services.form.sections.keys.viewAdvancedFields")
                 }, {
-                  default: f(() => [
-                    k("div", Ut, [
-                      k("div", Rt, [
-                        u(y, {
+                  default: u(() => [
+                    w("div", Rt, [
+                      w("div", Mt, [
+                        d(v, {
                           modelValue: e.fields.retries,
                           "onUpdate:modelValue": [
-                            i[11] || (i[11] = (c) => e.fields.retries = c),
+                            i[11] || (i[11] = (s) => e.fields.retries = s),
                             i[12] || (i[12] = () => {
-                              e.fields.retries = V(e.fields.retries + "");
+                              e.fields.retries = K(e.fields.retries + "");
                             })
                           ],
                           autocomplete: "off",
                           "data-testid": "gateway-service-retries-input",
-                          label: o(r)("gateway_services.form.fields.retries.label"),
+                          label: o(a)("gateway_services.form.fields.retries.label"),
                           "label-attributes": {
-                            info: o(r)("gateway_services.form.fields.retries.tooltip"),
+                            info: o(a)("gateway_services.form.fields.retries.tooltip"),
                             tooltipAttributes: { maxWidth: "400" }
                           },
                           name: "retries",
@@ -1159,20 +1159,20 @@ const me = {
                           type: "number"
                         }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                       ]),
-                      k("div", Mt, [
-                        u(y, {
+                      w("div", xt, [
+                        d(v, {
                           modelValue: e.fields.connect_timeout,
                           "onUpdate:modelValue": [
-                            i[13] || (i[13] = (c) => e.fields.connect_timeout = c),
+                            i[13] || (i[13] = (s) => e.fields.connect_timeout = s),
                             i[14] || (i[14] = () => {
-                              e.fields.connect_timeout = V(e.fields.connect_timeout + "");
+                              e.fields.connect_timeout = K(e.fields.connect_timeout + "");
                             })
                           ],
                           autocomplete: "off",
                           "data-testid": "gateway-service-connTimeout-input",
-                          label: o(r)("gateway_services.form.fields.connect_timeout.label"),
+                          label: o(a)("gateway_services.form.fields.connect_timeout.label"),
                           "label-attributes": {
-                            info: o(r)("gateway_services.form.fields.connect_timeout.tooltip"),
+                            info: o(a)("gateway_services.form.fields.connect_timeout.tooltip"),
                             tooltipAttributes: { maxWidth: "400" }
                           },
                           name: "connTimeout",
@@ -1180,20 +1180,20 @@ const me = {
                           type: "number"
                         }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                       ]),
-                      k("div", xt, [
-                        u(y, {
+                      w("div", $t, [
+                        d(v, {
                           modelValue: e.fields.write_timeout,
                           "onUpdate:modelValue": [
-                            i[15] || (i[15] = (c) => e.fields.write_timeout = c),
+                            i[15] || (i[15] = (s) => e.fields.write_timeout = s),
                             i[16] || (i[16] = () => {
-                              e.fields.write_timeout = V(e.fields.write_timeout + "");
+                              e.fields.write_timeout = K(e.fields.write_timeout + "");
                             })
                           ],
                           autocomplete: "off",
                           "data-testid": "gateway-service-writeTimeout-input",
-                          label: o(r)("gateway_services.form.fields.write_timeout.label"),
+                          label: o(a)("gateway_services.form.fields.write_timeout.label"),
                           "label-attributes": {
-                            info: o(r)("gateway_services.form.fields.write_timeout.tooltip"),
+                            info: o(a)("gateway_services.form.fields.write_timeout.tooltip"),
                             tooltipAttributes: { maxWidth: "400" }
                           },
                           name: "writeTimeout",
@@ -1201,20 +1201,20 @@ const me = {
                           type: "number"
                         }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                       ]),
-                      k("div", $t, [
-                        u(y, {
+                      w("div", At, [
+                        d(v, {
                           modelValue: e.fields.read_timeout,
                           "onUpdate:modelValue": [
-                            i[17] || (i[17] = (c) => e.fields.read_timeout = c),
+                            i[17] || (i[17] = (s) => e.fields.read_timeout = s),
                             i[18] || (i[18] = () => {
-                              e.fields.read_timeout = V(e.fields.read_timeout + "");
+                              e.fields.read_timeout = K(e.fields.read_timeout + "");
                             })
                           ],
                           autocomplete: "off",
                           "data-testid": "gateway-service-readTimeout-input",
-                          label: o(r)("gateway_services.form.fields.read_timeout.label"),
+                          label: o(a)("gateway_services.form.fields.read_timeout.label"),
                           "label-attributes": {
-                            info: o(r)("gateway_services.form.fields.read_timeout.tooltip"),
+                            info: o(a)("gateway_services.form.fields.read_timeout.tooltip"),
                             tooltipAttributes: { maxWidth: "400" }
                           },
                           name: "readTimeout",
@@ -1222,95 +1222,95 @@ const me = {
                           type: "number"
                         }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                       ]),
-                      _e.value ? (S(), P("div", At, [
-                        u(y, {
+                      ie.value ? (V(), P("div", Ft, [
+                        d(v, {
                           modelValue: e.fields.client_certificate,
-                          "onUpdate:modelValue": i[19] || (i[19] = (c) => e.fields.client_certificate = c),
+                          "onUpdate:modelValue": i[19] || (i[19] = (s) => e.fields.client_certificate = s),
                           modelModifiers: { trim: !0 },
                           autocomplete: "off",
                           "data-testid": "gateway-service-clientCert-input",
-                          label: o(r)("gateway_services.form.fields.client_certificate.label"),
+                          label: o(a)("gateway_services.form.fields.client_certificate.label"),
                           "label-attributes": {
-                            info: o(r)("gateway_services.form.fields.client_certificate.tooltip"),
+                            info: o(a)("gateway_services.form.fields.client_certificate.tooltip"),
                             tooltipAttributes: { maxWidth: "400" }
                           },
                           name: "clientCert",
-                          placeholder: o(r)("gateway_services.form.fields.client_certificate.placeholder"),
+                          placeholder: o(a)("gateway_services.form.fields.client_certificate.placeholder"),
                           readonly: e.isReadonly,
                           type: "text"
                         }, null, 8, ["modelValue", "label", "label-attributes", "placeholder", "readonly"])
-                      ])) : F("", !0),
-                      be.value ? (S(), P("div", Ft, [
-                        u(y, {
+                      ])) : B("", !0),
+                      be.value ? (V(), P("div", Bt, [
+                        d(v, {
                           modelValue: e.fields.ca_certificates,
-                          "onUpdate:modelValue": i[20] || (i[20] = (c) => e.fields.ca_certificates = c),
+                          "onUpdate:modelValue": i[20] || (i[20] = (s) => e.fields.ca_certificates = s),
                           modelModifiers: { trim: !0 },
                           autocomplete: "off",
                           "data-testid": "gateway-service-ca-certs-input",
-                          label: o(r)("gateway_services.form.fields.ca_certificates.label"),
+                          label: o(a)("gateway_services.form.fields.ca_certificates.label"),
                           "label-attributes": { tooltipAttributes: { maxWidth: "400" } },
-                          placeholder: o(r)("gateway_services.form.fields.ca_certificates.placeholder"),
+                          placeholder: o(a)("gateway_services.form.fields.ca_certificates.placeholder"),
                           readonly: e.isReadonly,
                           type: "text"
                         }, {
-                          "label-tooltip": f(() => [
-                            u(o(L), {
+                          "label-tooltip": u(() => [
+                            d(o(N), {
                               keypath: "gateway_services.form.fields.ca_certificates.tooltip",
                               scope: "global"
                             }, {
-                              code1: f(() => [
-                                k("code", null, _(o(r)("gateway_services.form.fields.ca_certificates.code1")), 1)
+                              code1: u(() => [
+                                w("code", null, g(o(a)("gateway_services.form.fields.ca_certificates.code1")), 1)
                               ]),
-                              code2: f(() => [
-                                k("code", null, _(o(r)("gateway_services.form.fields.ca_certificates.code2")), 1)
+                              code2: u(() => [
+                                w("code", null, g(o(a)("gateway_services.form.fields.ca_certificates.code2")), 1)
                               ]),
                               _: 1
                             })
                           ]),
                           _: 1
                         }, 8, ["modelValue", "label", "placeholder", "readonly"])
-                      ])) : F("", !0),
-                      he.value ? (S(), P("div", Bt, [
-                        u(l, {
+                      ])) : B("", !0),
+                      he.value ? (V(), P("div", Dt, [
+                        d(l, {
                           modelValue: e.fields.tls_verify_enabled,
-                          "onUpdate:modelValue": i[21] || (i[21] = (c) => e.fields.tls_verify_enabled = c),
+                          "onUpdate:modelValue": i[21] || (i[21] = (s) => e.fields.tls_verify_enabled = s),
                           "data-testid": "gateway-service-tls-verify-checkbox",
-                          description: o(r)("gateway_services.form.fields.tls_verify_enabled.help"),
-                          label: o(r)("gateway_services.form.fields.tls_verify_enabled.label"),
+                          description: o(a)("gateway_services.form.fields.tls_verify_enabled.help"),
+                          label: o(a)("gateway_services.form.fields.tls_verify_enabled.label"),
                           "label-attributes": { tooltipAttributes: { maxWidth: "400" } }
                         }, {
-                          tooltip: f(() => [
-                            u(o(L), {
+                          tooltip: u(() => [
+                            d(o(N), {
                               keypath: "gateway_services.form.fields.tls_verify_enabled.tooltip",
                               scope: "global"
                             }, {
-                              code1: f(() => [
-                                k("code", null, _(o(r)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
+                              code1: u(() => [
+                                w("code", null, g(o(a)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
                               ]),
                               _: 1
                             })
                           ]),
                           _: 1
                         }, 8, ["modelValue", "description", "label"]),
-                        e.fields.tls_verify_enabled ? (S(), P("div", Dt, [
-                          u(h, {
+                        e.fields.tls_verify_enabled ? (V(), P("div", Lt, [
+                          d(_, {
                             modelValue: e.fields.tls_verify_value,
-                            "onUpdate:modelValue": i[22] || (i[22] = (c) => e.fields.tls_verify_value = c),
+                            "onUpdate:modelValue": i[22] || (i[22] = (s) => e.fields.tls_verify_value = s),
                             "data-testid": "gateway-service-tls-verify-true-option",
-                            label: o(r)("gateway_services.form.fields.tls_verify_option.true.label"),
+                            label: o(a)("gateway_services.form.fields.tls_verify_option.true.label"),
                             "selected-value": !0
                           }, null, 8, ["modelValue", "label"])
-                        ])) : F("", !0),
-                        e.fields.tls_verify_enabled ? (S(), P("div", Lt, [
-                          u(h, {
+                        ])) : B("", !0),
+                        e.fields.tls_verify_enabled ? (V(), P("div", Gt, [
+                          d(_, {
                             modelValue: e.fields.tls_verify_value,
-                            "onUpdate:modelValue": i[23] || (i[23] = (c) => e.fields.tls_verify_value = c),
+                            "onUpdate:modelValue": i[23] || (i[23] = (s) => e.fields.tls_verify_value = s),
                             "data-testid": "gateway-service-tls-verify-false-option",
-                            label: o(r)("gateway_services.form.fields.tls_verify_option.false.label"),
+                            label: o(a)("gateway_services.form.fields.tls_verify_option.false.label"),
                             "selected-value": !1
                           }, null, 8, ["modelValue", "label"])
-                        ])) : F("", !0)
-                      ])) : F("", !0)
+                        ])) : B("", !0)
+                      ])) : B("", !0)
                     ])
                   ]),
                   _: 1
@@ -1324,14 +1324,14 @@ const me = {
       ]);
     };
   }
-}), Ht = /* @__PURE__ */ Me(Gt, [["__scopeId", "data-v-35e0db56"]]), Kt = { class: "kong-ui-gateway-service-entity-config-card" }, Jt = /* @__PURE__ */ Se({
+}), Jt = /* @__PURE__ */ xe(Kt, [["__scopeId", "data-v-35e0db56"]]), qt = { class: "kong-ui-gateway-service-entity-config-card" }, Qt = /* @__PURE__ */ Ie({
   __name: "GatewayServiceConfigCard",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
     config: {
       type: Object,
       required: !0,
-      validator: (a) => !(!a || !["konnect", "kongManager"].includes(a == null ? void 0 : a.app) || a.app === "konnect" && !a.controlPlaneId || a.app === "kongManager" && typeof a.workspace != "string" || !a.entityId)
+      validator: (n) => !(!n || !["konnect", "kongManager"].includes(n == null ? void 0 : n.app) || n.app === "konnect" && !n.controlPlaneId || n.app === "kongManager" && typeof n.workspace != "string" || !n.entityId)
     },
     /**
      * External link for documentation that determines visibility of Documentation button
@@ -1350,123 +1350,123 @@ const me = {
     }
   },
   emits: ["loading", "fetch:error", "fetch:success"],
-  setup(a) {
-    const B = a, { i18n: { t: p }, i18nT: d } = me.useI18n(), s = w(() => oe.form[B.config.app].edit), { getPropValue: R } = it(), G = (r, E) => R(r, E) === !0 ? p("gateway_services.form.fields.tls_verify_option.true.display") : p("gateway_services.form.fields.tls_verify_option.false.display"), L = T({
+  setup(n) {
+    const D = n, { i18n: { t: f }, i18nT: c } = fe.useI18n(), r = b(() => te.form[D.config.app].edit), { getPropValue: x } = st(), O = (a, E) => x(a, E) === !0 ? f("gateway_services.form.fields.tls_verify_option.true.display") : f("gateway_services.form.fields.tls_verify_option.false.display"), N = T({
       id: {},
       name: {
-        tooltip: p("gateway_services.form.fields.name.tooltip")
+        tooltip: f("gateway_services.form.fields.name.tooltip")
       },
       enabled: {},
       updated_at: {},
       created_at: {},
       protocol: {
-        section: ue.Basic,
-        tooltip: p("gateway_services.form.fields.protocol.tooltip")
+        section: ce.Basic,
+        tooltip: f("gateway_services.form.fields.protocol.tooltip")
       },
       host: {
-        section: ue.Basic,
-        tooltip: p("gateway_services.form.fields.host.tooltip")
+        section: ce.Basic,
+        tooltip: f("gateway_services.form.fields.host.tooltip")
       },
       path: {
-        section: ue.Basic,
-        tooltip: p("gateway_services.form.fields.path.tooltip")
+        section: ce.Basic,
+        tooltip: f("gateway_services.form.fields.path.tooltip")
       },
       port: {
-        section: ue.Basic,
-        tooltip: p("gateway_services.form.fields.port.tooltip")
+        section: ce.Basic,
+        tooltip: f("gateway_services.form.fields.port.tooltip")
       },
       tags: {
-        tooltip: p("gateway_services.form.fields.tags.tooltip")
+        tooltip: f("gateway_services.form.fields.tags.tooltip")
       },
       // advanced fields
       retries: {
         order: 1,
-        tooltip: p("gateway_services.form.fields.retries.tooltip")
+        tooltip: f("gateway_services.form.fields.retries.tooltip")
       },
       connect_timeout: {
         order: 2,
-        tooltip: p("gateway_services.form.fields.connect_timeout.tooltip")
+        tooltip: f("gateway_services.form.fields.connect_timeout.tooltip")
       },
       write_timeout: {
         order: 3,
-        tooltip: p("gateway_services.form.fields.write_timeout.tooltip")
+        tooltip: f("gateway_services.form.fields.write_timeout.tooltip")
       },
       read_timeout: {
         order: 4,
-        tooltip: p("gateway_services.form.fields.read_timeout.tooltip")
+        tooltip: f("gateway_services.form.fields.read_timeout.tooltip")
       },
       client_certificate: {
         order: 5,
-        tooltip: p("gateway_services.form.fields.client_certificate.tooltip")
+        tooltip: f("gateway_services.form.fields.client_certificate.tooltip")
       },
       ca_certificates: {
-        type: st.BadgeTag,
-        label: p("gateway_services.form.fields.ca_certificates.label"),
+        type: rt.BadgeTag,
+        label: f("gateway_services.form.fields.ca_certificates.label"),
         order: 6
       },
       tls_verify: {
-        label: p("gateway_services.form.fields.tls_verify_enabled.label")
+        label: f("gateway_services.form.fields.tls_verify_enabled.label")
       },
       tls_verify_depth: {
         hidden: !0
       }
     });
-    return (r, E) => (S(), P("div", Kt, [
-      u(o(rt), {
-        config: a.config,
-        "config-card-doc": a.configCardDoc,
-        "config-schema": L.value,
-        "entity-type": o(Re).GatewayService,
-        "fetch-url": s.value,
-        "hide-title": a.hideTitle,
-        "onFetch:error": E[0] || (E[0] = (C) => r.$emit("fetch:error", C)),
-        "onFetch:success": E[1] || (E[1] = (C) => r.$emit("fetch:success", C)),
-        onLoading: E[2] || (E[2] = (C) => r.$emit("loading", C))
+    return (a, E) => (V(), P("div", qt, [
+      d(o(at), {
+        config: n.config,
+        "config-card-doc": n.configCardDoc,
+        "config-schema": N.value,
+        "entity-type": o(Me).GatewayService,
+        "fetch-url": r.value,
+        "hide-title": n.hideTitle,
+        "onFetch:error": E[0] || (E[0] = (k) => a.$emit("fetch:error", k)),
+        "onFetch:success": E[1] || (E[1] = (k) => a.$emit("fetch:success", k)),
+        onLoading: E[2] || (E[2] = (k) => a.$emit("loading", k))
       }, {
-        "enabled-label-tooltip": f(() => [
-          u(o(d), {
+        "enabled-label-tooltip": u(() => [
+          d(o(c), {
             keypath: "gateway_services.form.fields.enabled.tooltip",
             scope: "global"
           }, {
-            false: f(() => [
-              k("code", null, _(o(p)("gateway_services.form.fields.enabled.false")), 1)
+            false: u(() => [
+              w("code", null, g(o(f)("gateway_services.form.fields.enabled.false")), 1)
             ]),
-            true: f(() => [
-              k("code", null, _(o(p)("gateway_services.form.fields.enabled.true")), 1)
+            true: u(() => [
+              w("code", null, g(o(f)("gateway_services.form.fields.enabled.true")), 1)
             ]),
             _: 1
           })
         ]),
-        "ca_certificates-label-tooltip": f(() => [
-          u(o(d), {
+        "ca_certificates-label-tooltip": u(() => [
+          d(o(c), {
             keypath: "gateway_services.form.fields.ca_certificates.tooltip",
             scope: "global"
           }, {
-            code1: f(() => [
-              k("code", null, _(o(p)("gateway_services.form.fields.ca_certificates.code1")), 1)
+            code1: u(() => [
+              w("code", null, g(o(f)("gateway_services.form.fields.ca_certificates.code1")), 1)
             ]),
-            code2: f(() => [
-              k("code", null, _(o(p)("gateway_services.form.fields.ca_certificates.code2")), 1)
+            code2: u(() => [
+              w("code", null, g(o(f)("gateway_services.form.fields.ca_certificates.code2")), 1)
             ]),
             _: 1
           })
         ]),
-        "tls_verify-label-tooltip": f(() => [
-          u(o(d), {
+        "tls_verify-label-tooltip": u(() => [
+          d(o(c), {
             keypath: "gateway_services.form.fields.tls_verify_enabled.tooltip",
             scope: "global"
           }, {
-            code1: f(() => [
-              k("code", null, _(o(p)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
+            code1: u(() => [
+              w("code", null, g(o(f)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
             ]),
             _: 1
           })
         ]),
-        tls_verify: f((C) => [
-          U(_(typeof o(R)("rowValue", C) == "boolean" ? G("rowValue", C) : o(p)("gateway_services.form.fields.tls_verify_option.unset.display")), 1)
+        tls_verify: u((k) => [
+          M(g(typeof o(x)("rowValue", k) == "boolean" ? O("rowValue", k) : o(f)("gateway_services.form.fields.tls_verify_option.unset.display")), 1)
         ]),
-        client_certificate: f((C) => [
-          U(_(o(R)("rowValue", C) ? o(R)("rowValue", C).id : "–"), 1)
+        client_certificate: u((k) => [
+          M(g(o(x)("rowValue", k) ? o(x)("rowValue", k).id : "–"), 1)
         ]),
         _: 1
       }, 8, ["config", "config-card-doc", "config-schema", "entity-type", "fetch-url", "hide-title"])
@@ -1474,7 +1474,7 @@ const me = {
   }
 });
 export {
-  Jt as GatewayServiceConfigCard,
-  Ht as GatewayServiceForm,
+  Qt as GatewayServiceConfigCard,
+  Jt as GatewayServiceForm,
   zt as GatewayServiceList
 };