@kong-ui-public/entities-gateway-services 3.11.18 → 3.11.19-pr.2098.c450e4c49.0

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

@@ -1,2420 +0,0 @@
-import { defineComponent as Le, computed as k, ref as q, watch as $e, onBeforeMount as it, resolveComponent as G, openBlock as S, createElementBlock as $, createVNode as d, unref as l, createSlots as Re, withCtx as v, createBlock as Ue, Teleport as ze, createElementVNode as I, createCommentVNode as B, createTextVNode as J, toDisplayString as E, withModifiers as We, reactive as Me, onMounted as Qe, renderSlot as Xe, toValue as He, Transition as De, Fragment as rt, renderList as st } from "vue";
-import { useRouter as Ge } from "vue-router";
-import { BookIcon as Ze, AddIcon as at, ServicesIcon as nt } from "@kong/icons";
-import { createI18n as ct, i18nTComponent as dt } from "@kong-ui-public/i18n";
-import { useAxios as Oe, useTableState as ut, useFetcher as ft, useDeleteUrlBuilder as pt, FetcherStatus as mt, EntityBaseTable as vt, EntityFilter as gt, PermissionsWrapper as Fe, TableTags as yt, EntityEmptyState as _t, EntityToggleModal as bt, EntityDeleteModal as ht, EntityTypes as wt, useErrors as Ye, useValidators as et, EntityBaseFormType as Be, useGatewayFeatureSupported as tt, EntityBaseForm as lt, SupportedEntityType as Ne, EntityFormSection as Ke, useHelpers as ot, ConfigurationSchemaSection as Ae, ConfigurationSchemaType as kt, EntityBaseConfigCard as Vt } from "@kong-ui-public/entities-shared";
-const Ct = {
-  create: "New gateway service",
-  serverless_create: "Add a Service",
-  copy_id: "Copy ID",
-  copy_json: "Copy JSON",
-  edit: "Edit",
-  clear: "Clear",
-  view: "View Details",
-  delete: {
-    title: "Delete a Gateway Service",
-    description: "Deleting this Gateway Service will also remove any associated plugins. This action cannot be reversed.",
-    menu_label: "Delete"
-  }
-}, St = {
-  placeholder: {
-    konnect: "Filter by name",
-    kongManager: "Filter by exact name or ID"
-  }
-}, It = {
-  title: "Gateway Services",
-  list: {
-    toolbar_actions: {
-      new_gateway_service: "New gateway service"
-    },
-    table_headers: {
-      name: "Name",
-      control_plane: "Control Plane",
-      protocol: "Protocol",
-      host: "Host",
-      port: "Port",
-      path: "Path",
-      enabled: "Enabled",
-      tags: "Tags",
-      id: "ID",
-      created_at: "Created At",
-      updated_at: "Last Modified"
-    },
-    empty_state: {
-      title: "Configure a New Gateway Service",
-      description: "Gateway services are used to proxy traffic.",
-      serverless_title: "Configure your first Gateway Service"
-    }
-  },
-  empty_state_v2: {
-    create: "New gateway service",
-    title: "Configure your first gateway service",
-    group: "Services created in gateways within this group will automatically appear here.",
-    description: "Gateway services represent backend APIs or microservices that receive traffic routed through the gateway."
-  },
-  form: {
-    buttons: {
-      try_sample: "Try sample API"
-    },
-    errors: {
-      host: {
-        empty: "Host cannot be empty",
-        invalid: "Invalid host"
-      },
-      port: {
-        type: "Port must be a number",
-        invalid: "Port must be between 0 and 65535"
-      },
-      path: {
-        prefix: "Path must begin with /",
-        invalid: "Path should not include characters outside of the reserved list of RFC 3986"
-      },
-      protocol: {
-        empty: "Protocol cannot be empty",
-        invalid: "Protocol - value must be one of http, https, grpc, grpcs, tcp, udp, tls, tls_passthrough, ws, wss"
-      },
-      url: {
-        invalid: "The URL must follow a valid format. Example: https://api.kong-air.com/flights"
-      }
-    },
-    sections: {
-      general: {
-        title: "General Information",
-        description: "Provide a name and tags to help identify and manage this service."
-      },
-      keys: {
-        title: "Service endpoint",
-        description: "Define where this service should send requests.",
-        checkedGroupLabel: "Choose how and where to send traffic",
-        urlLabel: "Full URL",
-        checkedGroupAltLabel: "Protocol, host, port and path",
-        url: {
-          label: "Full URL",
-          description: "Define the service using a single, complete API URL for simple setup."
-        },
-        protocol: {
-          label: "Protocol, host, port, and path",
-          description: "Manually specify each component of the API’s URL for advanced configurations."
-        },
-        viewAdvancedFields: "View advanced fields"
-      }
-    },
-    fields: {
-      upstream_url: {
-        label: "Full URL",
-        placeholder: "e.g. https://api.kong-air.com/flights",
-        tooltip_for_konnect: "This is the URL of the API you will manage in Konnect.",
-        tooltip_for_km: "This is the URL of the API you will manage in Kong Gateway."
-      },
-      name: {
-        label: "Name",
-        placeholder: "Enter a unique name",
-        tooltip: "The Service name."
-      },
-      protocol: {
-        label: "Protocol",
-        tooltip: "The protocol used to communicate with the upstream.",
-        options: {
-          http: "http",
-          https: "https",
-          tcp: "tcp",
-          tls: "tls",
-          tls_passthrough: "tls_passthrough",
-          grpc: "grpc",
-          grpcs: "grpcs",
-          ws: "ws",
-          wss: "wss",
-          udp: "udp"
-        }
-      },
-      host: {
-        label: "Host",
-        placeholder: "e.g. api.kong-air.com",
-        tooltip: "The host of the upstream server. Note that the host value is case sensitive."
-      },
-      path: {
-        label: "Path",
-        placeholder: "e.g. /sample",
-        tooltip: "The path to be used in request to the upstream server."
-      },
-      port: {
-        label: "Port",
-        tooltip: "The upstream server port."
-      },
-      retries: {
-        label: "Retries",
-        tooltip: "The number of retries to execute upon failure to proxy."
-      },
-      connect_timeout: {
-        label: "Connection timeout",
-        tooltip: "The timeout in milliseconds for establishing a connection to the upstream server."
-      },
-      write_timeout: {
-        label: "Write timeout",
-        tooltip: "The timeout in milliseconds between two successive write operations for transmitting a request to the upstream server."
-      },
-      read_timeout: {
-        label: "Read timeout",
-        tooltip: "The timeout in milliseconds between two successive read operations for transmitting a request to the upstream server."
-      },
-      client_certificate: {
-        label: "Client certificate",
-        placeholder: "Enter a Certificate ID",
-        tooltip: "Certificate to be used as client certificate while TLS handshaking to the upstream server."
-      },
-      ca_certificates: {
-        label: "CA certificates",
-        placeholder: "Enter a comma separated list of CA Certificate IDs",
-        tooltip: "Array of {code1} object UUIDs that are used to build the trust store while verifying upstream server's TLS certificate. If set to {code2} when Nginx default is respected. If default CA list in Nginx are not specified and TLS verification is enabled, then handshake with upstream server will always fail (because no CA are trusted).",
-        code1: "CA Certificate",
-        code2: "null"
-      },
-      tls_verify_enabled: {
-        label: "TLS verify",
-        help: "If unchecked, use default system setting",
-        tooltip: "Whether to enable verification of upstream server TLS certificate. If set to {code1}, then the Nginx default is respected.",
-        code1: "null"
-      },
-      tls_verify_option: {
-        unset: {
-          display: "Use default system setting"
-        },
-        true: {
-          label: "True",
-          display: "On"
-        },
-        false: {
-          label: "False",
-          display: "Off"
-        }
-      },
-      tags: {
-        label: "Tags",
-        tooltip: "An optional set of strings associated with the Service for grouping and filtering.",
-        placeholder: "Enter a list of tags separated by comma",
-        help: "e.g. tag1, tag2, tag3",
-        collapse: "Add tags"
-      },
-      enabled: {
-        label: "Enabled",
-        tooltip: "Whether the Service is active. If set to {false}, the proxy behavior will be as if any routes attached to it do not exist (404). Default: {true}.",
-        false: "false",
-        true: "true"
-      }
-    }
-  }
-}, Pt = {
-  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"
-}, Et = {
-  success: "Copied {val} to clipboard",
-  success_brief: "Successfully copied to clipboard"
-}, Ft = {
-  gateway_services: "gateway services"
-}, Ut = {
-  actions: Ct,
-  search: St,
-  gateway_services: It,
-  errors: Pt,
-  copy: Et,
-  glossary: Ft
-};
-function $t() {
-  const n = ct("en-us", Ut);
-  return {
-    i18n: n,
-    i18nT: dt(n)
-    // Translation component <i18n-t>
-  };
-}
-function At() {
-  return {
-    getPortFromProtocol: (K, y) => {
-      const p = [80, 443], s = Number(y);
-      if ((s || s === 0) && !p.includes(s))
-        return s;
-      switch (K) {
-        case "grpcs":
-        case "tls":
-        case "https":
-        case "wss":
-          return 443;
-        case "grpc":
-        case "tcp":
-        case "http":
-        case "ws":
-        default:
-          return 80;
-      }
-    }
-  };
-}
-function xt() {
-  const { i18n: { t: n } } = ne.useI18n();
-  return {
-    validateHost: (b) => {
-      if (!b || b.trim() === "") return n("gateway_services.form.errors.host.empty");
-      const M = /^(?!:\/\/)([a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(\.([a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?))*)(\.[a-zA-Z]{1,63})?$/;
-      return /^((25[0-5]|2[0-4][0-9]|[0-1]?[0-9]?[0-9])\.){3}(25[0-5]|2[0-4][0-9]|[0-1]?[0-9]?[0-9])$/.test(b) || M.test(b) ? "" : n("gateway_services.form.errors.host.invalid");
-    },
-    validateProtocol: (b, M) => !b || b.trim() === "" ? n("gateway_services.form.errors.protocol.empty") : (b = b.slice(0, -1), M.find((r) => {
-      if (r.value === b) return r;
-    }) === void 0 ? n("gateway_services.form.errors.protocol.invalid") : ""),
-    validatePath: (b) => !b || b === "" ? "" : b.startsWith("/") ? /[^A-Za-z0-9\-._~:/?#[\]@!$&'()*+,;=%]/.test(b) ? n("gateway_services.form.errors.path.invalid") : "" : n("gateway_services.form.errors.path.prefix"),
-    validatePort: (b) => {
-      if (b == null || b === "")
-        return "";
-      const M = typeof b == "string" ? parseInt(b, 10) : b;
-      return isNaN(M) ? n("gateway_services.form.errors.port.type") : M < 0 || M > 65535 ? n("gateway_services.form.errors.port.invalid") : "";
-    }
-  };
-}
-const ne = {
-  useI18n: $t,
-  usePortFromProtocol: At,
-  useUrlValidators: xt
-}, xe = "/v2/control-planes/{controlPlaneId}/core-entities", Te = "/{workspace}", ve = {
-  list: {
-    konnect: {
-      all: `${xe}/services`
-    },
-    kongManager: {
-      all: `${Te}/services`
-    }
-  },
-  form: {
-    konnect: {
-      create: `${xe}/services`,
-      validate: `${xe}/v1/schemas/json/service/validate`,
-      edit: `${xe}/services/{id}`
-    },
-    kongManager: {
-      create: `${Te}/services`,
-      validate: `${Te}/schemas/services/validate`,
-      edit: `${Te}/services/{id}`
-    }
-  }
-}, Tt = "#00abd2", Rt = "24px", Mt = { class: "kong-ui-entities-gateway-services-list" }, Bt = { class: "button-row" }, Kt = { class: "empty-state-icon-gateway" }, Lt = { key: 1 }, Wt = /* @__PURE__ */ Le({
-  __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: (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: {
-      type: String,
-      default: ""
-    },
-    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can create a new entity */
-    canCreate: {
-      type: Function,
-      required: !1,
-      default: async () => !0
-    },
-    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can delete a given entity */
-    canDelete: {
-      type: Function,
-      required: !1,
-      default: async () => !0
-    },
-    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can edit a given entity */
-    canEdit: {
-      type: Function,
-      required: !1,
-      default: async () => !0
-    },
-    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can retrieve (view details) a given entity */
-    canRetrieve: {
-      type: Function,
-      required: !1,
-      default: async () => !0
-    },
-    /** default to false, setting to true will teleport the toolbar button to the destination in the consuming app */
-    useActionOutside: {
-      type: Boolean,
-      default: !1
-    },
-    /** user is onboarding, use onboarding text */
-    isServerless: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Enables the new empty state design, this prop can be removed when
-     * the khcp-14756-empty-states-m2 FF is removed.
-     */
-    enableV2EmptyStates: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["error", "click:learn-more", "copy:success", "copy:error", "delete:success", "toggle:success"],
-  setup(n, { emit: K }) {
-    var c;
-    const y = K, p = n, { i18n: { t: s, formatUnixTimeStamp: b } } = ne.useI18n(), M = Ge(), { axiosInstance: Q } = Oe((c = p.config) == null ? void 0 : c.axiosRequestConfig), { hasRecords: r, handleStateChange: D } = ut(() => z.value), P = k(() => r.value && p.config.app === "konnect"), ie = k(() => !p.enableV2EmptyStates && p.config.app === "konnect"), ce = k(() => p.config.app !== "kongManager" || !!p.config.disableSorting), Y = {
-      // the Name column is non-hidable
-      name: { label: s("gateway_services.list.table_headers.name"), searchable: !0, sortable: !0, hidable: !1 },
-      ...p.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 }
-    }, we = {
-      columnVisibility: {
-        created_at: !1
-      }
-    }, de = Y, x = k(() => {
-      var m, C;
-      let g = `${p.config.apiBaseUrl}${ve.list[p.config.app].all}`;
-      return p.config.app === "konnect" ? g = g.replace(/{controlPlaneId}/gi, ((m = p.config) == null ? void 0 : m.controlPlaneId) || "") : p.config.app === "kongManager" && (g = g.replace(/\/{workspace}/gi, (C = p.config) != null && C.workspace ? `/${p.config.workspace}` : "")), g;
-    }), ge = k(() => p.config.apiBaseUrl.startsWith("/") ? new URL(`${window.location.origin}${x.value}`) : new URL(x.value)), z = q(""), Ie = k(() => {
-      const g = p.config.app === "konnect" || p.config.isExactMatch;
-      if (g)
-        return {
-          isExactMatch: g,
-          placeholder: s(`search.placeholder.${p.config.app}`)
-        };
-      const { name: m, enabled: C, protocol: W, host: pe, port: N, path: me } = Y;
-      return {
-        isExactMatch: g,
-        fields: { name: m, enabled: C, protocol: W, host: pe, port: N, path: me },
-        schema: p.config.filterSchema
-      };
-    }), {
-      fetcher: o,
-      fetcherState: w,
-      fetcherCacheKey: re
-    } = ft({ ...p.config, cacheIdentifier: p.cacheIdentifier }, x.value), ye = () => {
-      z.value = "";
-    }, ke = () => {
-      re.value++;
-    }, e = q(null), A = k(() => ({
-      ctaPath: p.config.createRoute,
-      ctaText: T.value ? p.isServerless ? s("actions.serverless_create") : s("actions.create") : void 0,
-      message: `${s("gateway_services.list.empty_state.description")}${p.config.additionMessageForEmptyState ? ` ${p.config.additionMessageForEmptyState}` : ""}`,
-      title: T.value ? p.isServerless ? s("gateway_services.list.empty_state.serverless_title") : s("gateway_services.list.empty_state.title") : s("gateway_services.title")
-    })), ue = q(!1), O = q(null), se = k(() => {
-      const g = {
-        action: "disable",
-        id: "",
-        name: ""
-      };
-      if (O.value) {
-        const { enabled: m, id: C, name: W } = O.value;
-        g.action = m ? "disable" : "enable", g.id = C, g.name = W || C;
-      }
-      return g;
-    }), Pe = (g) => {
-      ue.value = !0, O.value = g;
-    }, oe = () => {
-      ue.value = !1, O.value = null;
-    }, Ve = async () => {
-      var W, pe;
-      if (!await ((W = p.canEdit) == null ? void 0 : W.call(p, O.value)) || !O.value)
-        return;
-      const m = `${ge.value.href}/${O.value.id}`, C = !O.value.enabled;
-      try {
-        const { data: N } = ((pe = p.config) == null ? void 0 : pe.app) === "konnect" ? await Q.put(m, { ...O.value, enabled: C }) : await Q.patch(m, { ...O.value, enabled: C });
-        y("toggle:success", N), O.value.enabled = C;
-      } catch (N) {
-        y("error", N);
-      }
-    }, Ce = (g) => {
-      p.config.getControlPlaneRoute && M.push(p.config.getControlPlaneRoute(g));
-    }, fe = async (g, m) => {
-      const C = g.id;
-      if (!await m(C)) {
-        y("copy:error", {
-          entity: g,
-          field: "id",
-          message: s("errors.copy")
-        });
-        return;
-      }
-      y("copy:success", {
-        entity: g,
-        field: "id",
-        message: s("copy.success", { val: C })
-      });
-    }, _e = async (g, m) => {
-      const C = JSON.stringify(g);
-      if (!await m(C)) {
-        y("copy:error", {
-          entity: g,
-          message: s("errors.copy")
-        });
-        return;
-      }
-      y("copy:success", {
-        entity: g,
-        message: s("copy.success_brief")
-      });
-    }, be = async (g) => {
-      var C;
-      await ((C = p.canRetrieve) == null ? void 0 : C.call(p, g)) && M.push(p.config.getViewRoute(g.id));
-    }, Ee = (g) => ({
-      label: s("actions.view"),
-      to: p.config.getViewRoute(g)
-    }), ee = (g) => ({
-      label: s("actions.edit"),
-      to: p.config.getEditRoute(g)
-    }), H = q(void 0), Z = q(!1), te = q(!1), ae = q(""), i = pt(p.config, x.value), u = (g) => {
-      H.value = g, Z.value = !0, ae.value = "";
-    }, V = () => {
-      Z.value = !1, H.value = void 0;
-    }, X = async () => {
-      var g, m, C;
-      if ((g = H.value) != null && g.id) {
-        te.value = !0;
-        try {
-          await Q.delete(i(H.value.id)), y("delete:success", H.value), V(), re.value++;
-        } catch (W) {
-          ae.value = ((C = (m = W.response) == null ? void 0 : m.data) == null ? void 0 : C.message) || W.message || s("errors.delete"), y("error", W);
-        } finally {
-          te.value = !1;
-        }
-      }
-    }, L = () => {
-      M.push(p.config.createRoute);
-    };
-    $e(w, (g) => {
-      var m, C, W;
-      if (g.status === mt.Error) {
-        e.value = {
-          title: s("errors.general")
-        }, (W = (C = (m = g.error) == null ? void 0 : m.response) == null ? void 0 : C.data) != null && W.message && (e.value.message = g.error.response.data.message), y("error", g.error);
-        return;
-      }
-      e.value = null;
-    });
-    const T = q(!1);
-    return it(async () => {
-      T.value = await p.canCreate();
-    }), (g, m) => {
-      const C = G("KButton"), W = G("KBadge"), pe = G("KInputSwitch"), N = G("KDropdownItem"), me = G("KClipboardProvider");
-      return S(), $("div", Mt, [
-        d(l(vt), {
-          "cache-identifier": n.cacheIdentifier,
-          "default-table-preferences": we,
-          "disable-sorting": ce.value,
-          "empty-state-options": A.value,
-          "enable-entity-actions": "",
-          "error-message": e.value,
-          fetcher: l(o),
-          "fetcher-cache-key": l(re),
-          "pagination-type": "offset",
-          "preferences-storage-key": "kong-ui-entities-gateway-services-list",
-          query: z.value,
-          "table-headers": l(de),
-          onClearSearchInput: ye,
-          "onClick:row": m[5] || (m[5] = (h) => be(h)),
-          onSort: ke,
-          onState: l(D)
-        }, Re({
-          "toolbar-filter": v(() => [
-            d(l(gt), {
-              modelValue: z.value,
-              "onUpdate:modelValue": m[0] || (m[0] = (h) => z.value = h),
-              config: Ie.value
-            }, null, 8, ["modelValue", "config"])
-          ]),
-          "toolbar-button": v(() => [
-            (S(), Ue(ze, {
-              disabled: !n.useActionOutside,
-              to: "#kong-ui-app-page-header-action-button"
-            }, [
-              I("div", Bt, [
-                P.value ? (S(), Ue(C, {
-                  key: 0,
-                  appearance: "secondary",
-                  class: "open-learning-hub",
-                  "data-testid": "gateway-services-learn-more-button",
-                  icon: "",
-                  onClick: m[1] || (m[1] = (h) => g.$emit("click:learn-more"))
-                }, {
-                  default: v(() => [
-                    d(l(Ze), { decorative: "" })
-                  ]),
-                  _: 1
-                })) : B("", !0),
-                d(l(Fe), {
-                  "auth-function": () => n.canCreate()
-                }, {
-                  default: v(() => [
-                    d(C, {
-                      appearance: "primary",
-                      "data-testid": "toolbar-add-gateway-service",
-                      size: n.useActionOutside ? "medium" : "large",
-                      to: n.config.createRoute
-                    }, {
-                      default: v(() => [
-                        d(l(at)),
-                        J(" " + E(l(s)("gateway_services.list.toolbar_actions.new_gateway_service")), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["size", "to"])
-                  ]),
-                  _: 1
-                }, 8, ["auth-function"])
-              ])
-            ], 8, ["disabled"]))
-          ]),
-          name: v(({ rowValue: h }) => [
-            I("b", null, E(h ?? "-"), 1)
-          ]),
-          control_plane: v(({ row: h }) => {
-            var t;
-            return [
-              (t = h.x_meta) != null && t.cluster_id ? (S(), Ue(W, {
-                key: 0,
-                tooltip: h.x_meta.cluster_id,
-                "truncation-tooltip": "",
-                onClick: We((a) => Ce(h.x_meta.cluster_id), ["stop"])
-              }, {
-                default: v(() => [
-                  J(E(h.x_meta.cluster_id), 1)
-                ]),
-                _: 2
-              }, 1032, ["tooltip", "onClick"])) : (S(), $("b", Lt, "-"))
-            ];
-          }),
-          enabled: v(({ row: h }) => [
-            d(l(Fe), {
-              "auth-function": () => n.canEdit(h),
-              "force-show": ""
-            }, {
-              default: v(({ isAllowed: t }) => [
-                I("div", {
-                  onClick: m[4] || (m[4] = We(() => {
-                  }, ["stop"]))
-                }, [
-                  d(pe, {
-                    modelValue: h.enabled,
-                    "onUpdate:modelValue": (a) => h.enabled = a,
-                    "data-testid": `row-${h.id}-toggle-input`,
-                    disabled: !t,
-                    onClick: We((a) => Pe(h), ["prevent"])
-                  }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "disabled", "onClick"])
-                ])
-              ]),
-              _: 2
-            }, 1032, ["auth-function"])
-          ]),
-          tags: v(({ rowValue: h }) => [
-            d(l(yt), { tags: h }, null, 8, ["tags"])
-          ]),
-          created_at: v(({ rowValue: h }) => [
-            J(E(l(b)(h)), 1)
-          ]),
-          updated_at: v(({ row: h, rowValue: t }) => [
-            J(E(l(b)(t ?? h.created_at)), 1)
-          ]),
-          actions: v(({ row: h }) => [
-            d(me, null, {
-              default: v(({ copyToClipboard: t }) => [
-                d(N, {
-                  "data-testid": "action-entity-copy-id",
-                  onClick: (a) => fe(h, t)
-                }, {
-                  default: v(() => [
-                    J(E(l(s)("actions.copy_id")), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["onClick"])
-              ]),
-              _: 2
-            }, 1024),
-            d(me, null, {
-              default: v(({ copyToClipboard: t }) => [
-                d(N, {
-                  "data-testid": "action-entity-copy-json",
-                  onClick: (a) => _e(h, t)
-                }, {
-                  default: v(() => [
-                    J(E(l(s)("actions.copy_json")), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["onClick"])
-              ]),
-              _: 2
-            }, 1024),
-            d(l(Fe), {
-              "auth-function": () => n.canRetrieve(h)
-            }, {
-              default: v(() => [
-                d(N, {
-                  "data-testid": "action-entity-view",
-                  "has-divider": "",
-                  item: Ee(h.id)
-                }, null, 8, ["item"])
-              ]),
-              _: 2
-            }, 1032, ["auth-function"]),
-            d(l(Fe), {
-              "auth-function": () => n.canEdit(h)
-            }, {
-              default: v(() => [
-                d(N, {
-                  "data-testid": "action-entity-edit",
-                  item: ee(h.id)
-                }, null, 8, ["item"])
-              ]),
-              _: 2
-            }, 1032, ["auth-function"]),
-            d(l(Fe), {
-              "auth-function": () => n.canDelete(h)
-            }, {
-              default: v(() => [
-                d(N, {
-                  danger: "",
-                  "data-testid": "action-entity-delete",
-                  "has-divider": "",
-                  onClick: (t) => u(h)
-                }, {
-                  default: v(() => [
-                    J(E(l(s)("actions.delete.menu_label")), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["onClick"])
-              ]),
-              _: 2
-            }, 1032, ["auth-function"])
-          ]),
-          _: 2
-        }, [
-          !l(r) && ie.value ? {
-            name: "outside-actions",
-            fn: v(() => [
-              (S(), Ue(ze, {
-                disabled: !n.useActionOutside,
-                to: "#kong-ui-app-page-header-action-button"
-              }, [
-                d(C, {
-                  appearance: "secondary",
-                  class: "open-learning-hub",
-                  "data-testid": "gateway-services-more-button",
-                  icon: "",
-                  onClick: m[2] || (m[2] = (h) => g.$emit("click:learn-more"))
-                }, {
-                  default: v(() => [
-                    d(l(Ze), { decorative: "" })
-                  ]),
-                  _: 1
-                })
-              ], 8, ["disabled"]))
-            ]),
-            key: "0"
-          } : void 0,
-          !z.value && n.enableV2EmptyStates && n.config.app === "konnect" ? {
-            name: "empty-state",
-            fn: v(() => {
-              var h;
-              return [
-                d(l(_t), {
-                  "action-button-text": l(s)("gateway_services.empty_state_v2.create"),
-                  appearance: "secondary",
-                  "can-create": () => n.canCreate(),
-                  "data-testid": "gateway-services-entity-empty-state",
-                  description: l(s)("gateway_services.empty_state_v2.description"),
-                  "learn-more": n.config.app === "konnect",
-                  title: l(s)("gateway_services.empty_state_v2.title"),
-                  "onClick:create": L,
-                  "onClick:learnMore": m[3] || (m[3] = (t) => g.$emit("click:learn-more"))
-                }, Re({
-                  image: v(() => [
-                    I("div", Kt, [
-                      d(l(nt), {
-                        color: l(Tt),
-                        size: l(Rt)
-                      }, null, 8, ["color", "size"])
-                    ])
-                  ]),
-                  _: 2
-                }, [
-                  (h = n.config) != null && h.isControlPlaneGroup ? {
-                    name: "message",
-                    fn: v(() => [
-                      J(E(l(s)("gateway_services.empty_state_v2.group")), 1)
-                    ]),
-                    key: "0"
-                  } : void 0
-                ]), 1032, ["action-button-text", "can-create", "description", "learn-more", "title"])
-              ];
-            }),
-            key: "1"
-          } : void 0
-        ]), 1032, ["cache-identifier", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "query", "table-headers", "onState"]),
-        d(l(bt), {
-          action: se.value.action,
-          "entity-id": se.value.id,
-          "entity-name": se.value.name,
-          "entity-type": l(s)("glossary.gateway_services"),
-          "on-confirm": Ve,
-          visible: ue.value,
-          onCancel: oe,
-          onProceed: oe
-        }, null, 8, ["action", "entity-id", "entity-name", "entity-type", "visible"]),
-        d(l(ht), {
-          "action-pending": te.value,
-          description: l(s)("actions.delete.description"),
-          "entity-name": H.value && (H.value.name || H.value.id),
-          "entity-type": l(wt).GatewayService,
-          error: ae.value,
-          title: l(s)("actions.delete.title"),
-          visible: Z.value,
-          onCancel: V,
-          onProceed: X
-        }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"])
-      ]);
-    };
-  }
-}), je = (n, K) => {
-  const y = n.__vccOpts || n;
-  for (const [p, s] of K)
-    y[p] = s;
-  return y;
-}, Ml = /* @__PURE__ */ je(Wt, [["__scopeId", "data-v-887d2198"]]), Dt = { class: "kong-ui-entities-gateway-service-form" }, qt = { key: 0 }, Gt = { class: "gateway-service-form-traffic-label" }, Ot = { class: "gateway-service-form-margin-bottom" }, Nt = {
-  key: 0,
-  class: "gateway-service-form-group-fields"
-}, jt = {
-  key: 1,
-  class: "gateway-service-form-group-fields"
-}, zt = { key: 0 }, Ht = { class: "gateway-service-form-margin-top" }, Zt = { class: "gateway-service-form-margin-bottom" }, Jt = { class: "gateway-service-form-margin-bottom" }, Qt = { class: "gateway-service-form-margin-bottom" }, Xt = { class: "gateway-service-form-margin-bottom" }, Yt = {
-  key: 0,
-  class: "gateway-service-form-margin-bottom"
-}, el = {
-  key: 1,
-  class: "gateway-service-form-margin-bottom"
-}, tl = {
-  key: 2,
-  class: "gateway-service-form-margin-bottom"
-}, ll = {
-  key: 0,
-  class: "checkbox-aligned-radio"
-}, ol = {
-  key: 1,
-  class: "checkbox-aligned-radio"
-}, il = /* @__PURE__ */ Le({
-  __name: "LegacyGatewayServiceForm",
-  props: {
-    /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
-    config: {
-      type: Object,
-      required: !0,
-      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: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    /** Whether show or hide EntityFormSection info column */
-    hideSectionsInfo: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    }
-  },
-  emits: ["update", "error", "url-valid:success", "url-valid:error", "loading", "model-updated"],
-  setup(n, { expose: K, emit: y }) {
-    var ae;
-    const p = y, s = n, b = q(!0), M = Ge(), { i18nT: Q, i18n: { t: r } } = ne.useI18n(), { getMessageFromError: D } = Ye(), { axiosInstance: P } = Oe((ae = s.config) == null ? void 0 : ae.axiosRequestConfig), ie = et(), ce = k(() => ve.form[s.config.app].edit), Y = k(() => s.gatewayServiceId ? Be.Edit : Be.Create), we = q(!1), de = k(() => !!s.gatewayServiceId), x = q(de.value ? "protocol" : "url"), ge = ne.usePortFromProtocol(), z = q(""), Ie = k(() => !!z.value), o = Me({
-      fields: {
-        name: "",
-        protocol: "http",
-        host: "",
-        path: "",
-        port: 80,
-        url: "",
-        retries: 5,
-        connect_timeout: 6e4,
-        write_timeout: 6e4,
-        read_timeout: 6e4,
-        client_certificate: "",
-        ca_certificates: "",
-        tls_verify_enabled: !1,
-        tls_verify_value: !1,
-        tags: ""
-      },
-      isReadonly: !1,
-      errorMessage: ""
-    }), w = Me({
-      name: "",
-      protocol: "http",
-      host: "",
-      path: "",
-      port: 80,
-      url: "",
-      retries: 5,
-      connect_timeout: 6e4,
-      write_timeout: 6e4,
-      read_timeout: 6e4,
-      client_certificate: "",
-      ca_certificates: "",
-      tls_verify_enabled: !1,
-      tls_verify_value: !1,
-      tags: ""
-    }), re = s.config.app === "konnect" || tt({
-      gatewayInfo: s.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"]
-      }
-    }), ye = [
-      {
-        label: r("gateway_services.form.fields.protocol.options.http"),
-        value: "http",
-        group: "http"
-      },
-      {
-        label: r("gateway_services.form.fields.protocol.options.https"),
-        value: "https",
-        group: "http"
-      },
-      {
-        label: r("gateway_services.form.fields.protocol.options.tcp"),
-        value: "tcp",
-        group: "tcp"
-      },
-      {
-        label: r("gateway_services.form.fields.protocol.options.tls"),
-        value: "tls",
-        group: "tcp"
-      },
-      {
-        label: r("gateway_services.form.fields.protocol.options.tls_passthrough"),
-        value: "tls_passthrough",
-        group: "tcp"
-      },
-      {
-        label: r("gateway_services.form.fields.protocol.options.grpc"),
-        value: "grpc",
-        group: "grpc"
-      },
-      {
-        label: r("gateway_services.form.fields.protocol.options.grpcs"),
-        value: "grpcs",
-        group: "grpc"
-      },
-      ...re ? [
-        {
-          label: r("gateway_services.form.fields.protocol.options.ws"),
-          value: "ws",
-          group: "websocket"
-        },
-        {
-          label: r("gateway_services.form.fields.protocol.options.wss"),
-          value: "wss",
-          group: "websocket"
-        }
-      ] : [],
-      {
-        label: r("gateway_services.form.fields.protocol.options.udp"),
-        value: "udp",
-        group: "udp"
-      }
-    ], ke = { url: "url", protocol: "protocol" }, e = (i, u) => {
-      u.value;
-    }, A = (i) => i ? parseFloat(i) : 0, ue = () => {
-      b.value = !0, o.errorMessage = "", o.fields.host = w.host, o.fields.path = w.path, o.fields.port = w.port, o.fields.protocol = w.protocol, o.fields.url = w.url, o.fields.retries = w.retries, o.fields.connect_timeout = w.connect_timeout, o.fields.write_timeout = w.write_timeout, o.fields.read_timeout = w.read_timeout, o.fields.client_certificate = w.client_certificate, o.fields.ca_certificates = w.ca_certificates, o.fields.tls_verify_enabled = w.tls_verify_enabled, o.fields.tls_verify_value = w.tls_verify_value;
-    }, O = () => {
-      if (o.fields.url && x.value === "url")
-        try {
-          const i = new URL(o.fields.url);
-          o.errorMessage = "", o.fields.protocol = i.protocol.slice(0, -1), o.fields.host = i.hostname, o.fields.path = i.pathname;
-          const u = Number(i.port);
-          we.value = !!u, o.fields.port = u || ge.getPortFromProtocol(o.fields.protocol), o.errorMessage = "", p("url-valid:success");
-        } catch (i) {
-          o.errorMessage = r("errors.urlErrorMessage"), p("url-valid:error", D(i));
-        }
-      else
-        p("url-valid:success"), o.errorMessage = "";
-    }, se = k(() => !["tcp", "tls", "tls_passthrough", "grpc", "grpcs", "udp"].includes(o.fields.protocol)), Pe = k(() => {
-      if (x.value === "url")
-        return !0;
-      const i = ["https", "wss", "tls"].includes(o.fields.protocol);
-      return x.value === "protocol" && i;
-    }), oe = k(() => {
-      if (x.value === "url")
-        return !0;
-      const i = ["https", "tls"].includes(o.fields.protocol);
-      return x.value === "protocol" && i;
-    }), Ve = k(() => {
-      if (x.value === "url")
-        return !0;
-      const i = ["https", "wss", "tls"].includes(o.fields.protocol);
-      return x.value === "protocol" && i;
-    }), Ce = (i) => {
-      z.value = ie.utf8Name(i);
-    }, fe = k(() => de.value && JSON.stringify(o.fields) !== JSON.stringify(w) || x.value === "url" && !!o.fields.url || x.value === "protocol" && !!o.fields.host), _e = (i) => {
-      var u, V, X;
-      o.fields.name = (i == null ? void 0 : i.name) || "", o.fields.tags = ((u = i == null ? void 0 : i.tags) == null ? void 0 : u.join(", ")) || "", o.fields.protocol = (i == null ? void 0 : i.protocol) || "http", o.fields.path = (i == null ? void 0 : i.path) || "", o.fields.read_timeout = i != null && i.read_timeout || (i == null ? void 0 : i.read_timeout) === 0 ? i == null ? void 0 : i.read_timeout : 6e4, o.fields.retries = i != null && i.retries || (i == null ? void 0 : i.retries) === 0 ? i == null ? void 0 : i.retries : 5, o.fields.host = (i == null ? void 0 : i.host) || "", o.fields.connect_timeout = i != null && i.connect_timeout || (i == null ? void 0 : i.connect_timeout) === 0 ? i == null ? void 0 : i.connect_timeout : 6e4, o.fields.tls_verify_enabled = (i == null ? void 0 : i.tls_verify) !== "" && (i == null ? void 0 : i.tls_verify) !== null && (i == null ? void 0 : i.tls_verify) !== void 0, o.fields.tls_verify_value = i != null && i.tls_verify ? i == null ? void 0 : i.tls_verify : !1, o.fields.ca_certificates = ((V = i == null ? void 0 : i.ca_certificates) == null ? void 0 : V.join(",")) || "", o.fields.client_certificate = ((X = i == null ? void 0 : i.client_certificate) == null ? void 0 : X.id) || "", o.fields.write_timeout = i != null && i.write_timeout || (i == null ? void 0 : i.write_timeout) === 0 ? i == null ? void 0 : i.write_timeout : 6e4, o.fields.port = i != null && i.port || (i == null ? void 0 : i.port) === 0 ? i == null ? void 0 : i.port : 80, Object.assign(w, o.fields);
-    }, be = () => {
-      M.push(s.config.cancelRoute);
-    }, Ee = k(() => {
-      var u, V;
-      let i = `${s.config.apiBaseUrl}${ve.form[s.config.app].validate}`;
-      return s.config.app === "konnect" ? i = i.replace(/{controlPlaneId}/gi, ((u = s.config) == null ? void 0 : u.controlPlaneId) || "") : s.config.app === "kongManager" && (i = i.replace(/\/{workspace}/gi, (V = s.config) != null && V.workspace ? `/${s.config.workspace}` : "")), i = i.replace(/{id}/gi, s.gatewayServiceId), i;
-    }), ee = k(() => {
-      var u, V;
-      let i = `${s.config.apiBaseUrl}${ve.form[s.config.app][Y.value]}`;
-      return s.config.app === "konnect" ? i = i.replace(/{controlPlaneId}/gi, ((u = s.config) == null ? void 0 : u.controlPlaneId) || "") : s.config.app === "kongManager" && (i = i.replace(/\/{workspace}/gi, (V = s.config) != null && V.workspace ? `/${s.config.workspace}` : "")), i = i.replace(/{id}/gi, s.gatewayServiceId), i;
-    }), H = (i) => {
-      let u = "";
-      i.url && (u = new URL(i.url).protocol), (["https", "wss", "tls"].includes(i.protocol) || ["https", "wss", "tls"].includes(u)) && (i.tls_verify = i.tls_verify_enabled ? i.tls_verify_value : null), delete i.tls_verify_enabled, delete i.tls_verify_value;
-    }, Z = k(() => {
-      var u, V, X, L;
-      const i = {
-        name: o.fields.name || null,
-        tags: o.fields.tags ? (X = (V = (u = o.fields.tags) == null ? void 0 : u.split(",")) == null ? void 0 : V.map((T) => String(T || "").trim())) == null ? void 0 : X.filter((T) => T !== "") : null,
-        protocol: o.fields.protocol,
-        path: o.fields.path || null,
-        read_timeout: o.fields.read_timeout,
-        retries: o.fields.retries,
-        host: o.fields.host,
-        connect_timeout: o.fields.connect_timeout,
-        tls_verify_value: o.fields.tls_verify_value,
-        tls_verify_enabled: o.fields.tls_verify_enabled,
-        ca_certificates: o.fields.ca_certificates ? (L = o.fields.ca_certificates) == null ? void 0 : L.split(",").filter((T) => T !== "") : null,
-        client_certificate: o.fields.client_certificate ? { id: o.fields.client_certificate } : null,
-        write_timeout: o.fields.write_timeout,
-        port: o.fields.port,
-        url: o.fields.url
-      };
-      return o.fields.client_certificate && ["https", "wss", "tls"].includes(o.fields.protocol) && (i.client_certificate = { id: o.fields.client_certificate }), o.fields.tls_verify_enabled && ["https", "wss", "tls"].includes(o.fields.protocol) && (i.tls_verify = o.fields.tls_verify_value), se.value || (i.path = null), Y.value === "create" ? x.value === "url" ? (delete i.protocol, delete i.host, delete i.path, s.config.app === "konnect" && delete i.port) : delete i.url : Y.value === "edit" && delete i.url, i;
-    }), te = async () => {
-      var i, u, V, X;
-      try {
-        o.isReadonly = !0, O();
-        const L = Z.value;
-        H(L);
-        let T;
-        if (await P.post(Ee.value, L), Y.value === "create" ? T = await P.post(ee.value, L) : Y.value === "edit" && (T = ((i = s.config) == null ? void 0 : i.app) === "konnect" ? await P.put(ee.value, L) : await P.patch(ee.value, L)), T) {
-          const { data: c } = T;
-          o.fields.name = (c == null ? void 0 : c.name) || "", o.fields.port = c.port || ge.getPortFromProtocol(c.protocol), o.fields.protocol = (c == null ? void 0 : c.protocol) || "http", o.fields.host = (c == null ? void 0 : c.host) || "", o.fields.path = (c == null ? void 0 : c.path) || "", o.fields.url = (c == null ? void 0 : c.url) || "", o.fields.retries = c != null && c.retries || (c == null ? void 0 : c.retries) === 0 ? c == null ? void 0 : c.retries : 5, o.fields.connect_timeout = c != null && c.connect_timeout || (c == null ? void 0 : c.connect_timeout) === 0 ? c == null ? void 0 : c.connect_timeout : 6e4, o.fields.write_timeout = c != null && c.write_timeout || (c == null ? void 0 : c.write_timeout) === 0 ? c == null ? void 0 : c.write_timeout : 6e4, o.fields.read_timeout = c != null && c.read_timeout || (c == null ? void 0 : c.read_timeout) === 0 ? c == null ? void 0 : c.read_timeout : 6e4, o.fields.client_certificate = ((u = c == null ? void 0 : c.client_certificate) == null ? void 0 : u.id) || "", o.fields.ca_certificates = (V = c == null ? void 0 : c.ca_certificates) != null && V.length ? c == null ? void 0 : c.ca_certificates.join(",") : "", o.fields.tls_verify_enabled = (c == null ? void 0 : c.tls_verify) !== "" && (c == null ? void 0 : c.tls_verify) !== null && (c == null ? void 0 : c.tls_verify) !== void 0, o.fields.tls_verify_value = o.fields.tls_verify_enabled && (c == null ? void 0 : c.tls_verify), o.fields.tags = (X = c == null ? void 0 : c.tags) != null && X.length ? c.tags.join(", ") : "", Object.assign(w, o.fields), p("update", T == null ? void 0 : T.data);
-        }
-        return T;
-      } catch (L) {
-        o.errorMessage = D(L), p("error", L);
-      } finally {
-        o.isReadonly = !1;
-      }
-    };
-    return $e(() => s.gatewayServiceId, () => {
-      Object.assign(o.fields, w);
-    }), $e(o.fields, (i) => {
-      o.fields.port = ge.getPortFromProtocol(i.protocol, String(i.port)), p("model-updated", Z.value);
-    }), Qe(() => {
-      p("model-updated", Z.value);
-    }), K({
-      validateUrl: O,
-      getPayload: Z,
-      saveFormData: te,
-      canSubmit: fe,
-      initForm: _e
-    }), (i, u) => {
-      const V = G("KInput"), X = G("KLabel"), L = G("KRadio"), T = G("KSelect"), c = G("KCheckbox"), g = G("KCollapse");
-      return S(), $("div", Dt, [
-        d(l(lt), {
-          "can-submit": fe.value,
-          config: n.config,
-          "edit-id": n.gatewayServiceId,
-          "entity-type": l(Ne).GatewayService,
-          "error-message": o.errorMessage,
-          "fetch-url": ce.value,
-          "form-fields": Z.value,
-          "is-readonly": o.isReadonly,
-          onCancel: be,
-          "onFetch:error": u[25] || (u[25] = (m) => i.$emit("error", m)),
-          "onFetch:success": _e,
-          onLoading: u[26] || (u[26] = (m) => i.$emit("loading", m)),
-          onSubmit: te
-        }, {
-          "form-actions": v(() => [
-            Xe(i.$slots, "form-actions", {
-              canSubmit: fe.value,
-              cancel: be,
-              submit: te
-            }, void 0, !0)
-          ]),
-          default: v(() => [
-            d(l(Ke), {
-              description: l(r)("gateway_services.form.sections.general.description"),
-              "hide-info-header": n.hideSectionsInfo,
-              title: l(r)("gateway_services.form.sections.general.title")
-            }, {
-              default: v(() => [
-                d(V, {
-                  modelValue: o.fields.name,
-                  "onUpdate:modelValue": u[0] || (u[0] = (m) => o.fields.name = m),
-                  modelModifiers: { trim: !0 },
-                  autocomplete: "off",
-                  "data-testid": "gateway-service-name-input",
-                  error: Ie.value,
-                  "error-message": z.value,
-                  label: l(r)("gateway_services.form.fields.name.label"),
-                  "label-attributes": {
-                    info: l(r)("gateway_services.form.fields.name.tooltip"),
-                    tooltipAttributes: { maxWidth: "400" }
-                  },
-                  name: "name",
-                  placeholder: l(r)("gateway_services.form.fields.name.placeholder"),
-                  readonly: o.isReadonly,
-                  type: "text",
-                  onInput: Ce
-                }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder", "readonly"]),
-                d(V, {
-                  modelValue: o.fields.tags,
-                  "onUpdate:modelValue": u[1] || (u[1] = (m) => o.fields.tags = m),
-                  modelModifiers: { trim: !0 },
-                  autocomplete: "off",
-                  "data-testid": "gateway-service-tags-input",
-                  help: l(r)("gateway_services.form.fields.tags.help"),
-                  label: l(r)("gateway_services.form.fields.tags.label"),
-                  "label-attributes": {
-                    info: l(r)("gateway_services.form.fields.tags.tooltip"),
-                    tooltipAttributes: { maxWidth: "400" }
-                  },
-                  name: "tags",
-                  placeholder: l(r)("gateway_services.form.fields.tags.placeholder"),
-                  readonly: o.isReadonly,
-                  type: "text"
-                }, null, 8, ["modelValue", "help", "label", "label-attributes", "placeholder", "readonly"])
-              ]),
-              _: 1
-            }, 8, ["description", "hide-info-header", "title"]),
-            d(l(Ke), {
-              description: l(r)("gateway_services.form.sections.keys.description"),
-              "hide-info-header": n.hideSectionsInfo,
-              title: l(r)("gateway_services.form.sections.keys.title")
-            }, {
-              default: v(() => [
-                de.value ? B("", !0) : (S(), $("div", qt, [
-                  I("div", Gt, [
-                    d(X, { required: "" }, {
-                      default: v(() => [
-                        J(E(l(r)("gateway_services.form.sections.keys.checkedGroupLabel")), 1)
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  I("div", Ot, [
-                    d(L, {
-                      modelValue: x.value,
-                      "onUpdate:modelValue": u[2] || (u[2] = (m) => x.value = m),
-                      "data-testid": "gateway-service-url-radio",
-                      "selected-value": ke.url,
-                      onChange: ue
-                    }, {
-                      default: v(() => [
-                        J(E(l(r)("gateway_services.form.sections.keys.urlLabel")), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["modelValue", "selected-value"])
-                  ]),
-                  x.value === "url" ? (S(), $("div", Nt, [
-                    d(V, {
-                      modelValue: o.fields.url,
-                      "onUpdate:modelValue": u[3] || (u[3] = (m) => o.fields.url = m),
-                      modelModifiers: { trim: !0 },
-                      class: "gateway-service-url-input gateway-service-form-margin-bottom",
-                      "data-testid": "gateway-service-url-input",
-                      label: l(r)("gateway_services.form.fields.upstream_url.label"),
-                      "label-attributes": {
-                        info: n.config.app === "konnect" ? l(r)("gateway_services.form.fields.upstream_url.tooltip_for_konnect") : l(r)("gateway_services.form.fields.upstream_url.tooltip_for_km"),
-                        tooltipAttributes: { maxWidth: "400" }
-                      },
-                      name: "url",
-                      placeholder: l(r)("gateway_services.form.fields.upstream_url.placeholder"),
-                      required: ""
-                    }, null, 8, ["modelValue", "label", "label-attributes", "placeholder"])
-                  ])) : B("", !0),
-                  d(L, {
-                    modelValue: x.value,
-                    "onUpdate:modelValue": u[4] || (u[4] = (m) => x.value = m),
-                    "checked-group": "protocol",
-                    "data-testid": "gateway-service-protocol-radio",
-                    "selected-value": ke.protocol,
-                    onChange: ue
-                  }, {
-                    default: v(() => [
-                      J(E(l(r)("gateway_services.form.sections.keys.checkedGroupAltLabel")), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["modelValue", "selected-value"])
-                ])),
-                x.value === "protocol" || de.value ? (S(), $("div", jt, [
-                  d(T, {
-                    modelValue: o.fields.protocol,
-                    "onUpdate:modelValue": u[5] || (u[5] = (m) => o.fields.protocol = m),
-                    "data-testid": "gateway-service-protocol-select",
-                    items: ye,
-                    label: l(r)("gateway_services.form.fields.protocol.label"),
-                    "label-attributes": {
-                      info: l(r)("gateway_services.form.fields.protocol.tooltip"),
-                      tooltipAttributes: { maxWidth: "400" }
-                    },
-                    readonly: o.isReadonly,
-                    required: "",
-                    width: "100%",
-                    onSelected: u[6] || (u[6] = (m) => e(o.fields.protocol, m))
-                  }, null, 8, ["modelValue", "label", "label-attributes", "readonly"]),
-                  d(V, {
-                    modelValue: o.fields.host,
-                    "onUpdate:modelValue": u[7] || (u[7] = (m) => o.fields.host = m),
-                    modelModifiers: { trim: !0 },
-                    class: "gateway-service-form-margin-top",
-                    "data-testid": "gateway-service-host-input",
-                    label: l(r)("gateway_services.form.fields.host.label"),
-                    "label-attributes": {
-                      info: l(r)("gateway_services.form.fields.host.tooltip"),
-                      tooltipAttributes: { maxWidth: "400" }
-                    },
-                    name: "host",
-                    placeholder: l(r)("gateway_services.form.fields.host.placeholder"),
-                    required: ""
-                  }, null, 8, ["modelValue", "label", "label-attributes", "placeholder"]),
-                  se.value ? (S(), $("div", zt, [
-                    d(V, {
-                      modelValue: o.fields.path,
-                      "onUpdate:modelValue": u[8] || (u[8] = (m) => o.fields.path = m),
-                      modelModifiers: { trim: !0 },
-                      class: "gateway-service-form-margin-top",
-                      "data-testid": "gateway-service-path-input",
-                      label: l(r)("gateway_services.form.fields.path.label"),
-                      "label-attributes": {
-                        info: l(r)("gateway_services.form.fields.path.tooltip"),
-                        tooltipAttributes: { maxWidth: "400" }
-                      },
-                      name: "path",
-                      placeholder: l(r)("gateway_services.form.fields.path.placeholder")
-                    }, null, 8, ["modelValue", "label", "label-attributes", "placeholder"])
-                  ])) : B("", !0),
-                  d(V, {
-                    modelValue: o.fields.port,
-                    "onUpdate:modelValue": [
-                      u[9] || (u[9] = (m) => o.fields.port = m),
-                      u[10] || (u[10] = () => {
-                        o.fields.port = A(o.fields.port + "");
-                      })
-                    ],
-                    class: "gateway-service-form-margin-top",
-                    "data-testid": "gateway-service-port-input",
-                    label: l(r)("gateway_services.form.fields.port.label"),
-                    "label-attributes": {
-                      info: l(r)("gateway_services.form.fields.port.tooltip"),
-                      tooltipAttributes: { maxWidth: "400" }
-                    },
-                    name: "port",
-                    type: "number"
-                  }, null, 8, ["modelValue", "label", "label-attributes"])
-                ])) : B("", !0),
-                d(g, {
-                  modelValue: b.value,
-                  "onUpdate:modelValue": u[24] || (u[24] = (m) => b.value = m),
-                  "data-testid": "advanced-fields-collapse",
-                  "trigger-alignment": "leading",
-                  "trigger-label": l(r)("gateway_services.form.sections.keys.viewAdvancedFields")
-                }, {
-                  default: v(() => [
-                    I("div", Ht, [
-                      I("div", Zt, [
-                        d(V, {
-                          modelValue: o.fields.retries,
-                          "onUpdate:modelValue": [
-                            u[11] || (u[11] = (m) => o.fields.retries = m),
-                            u[12] || (u[12] = () => {
-                              o.fields.retries = A(o.fields.retries + "");
-                            })
-                          ],
-                          autocomplete: "off",
-                          "data-testid": "gateway-service-retries-input",
-                          label: l(r)("gateway_services.form.fields.retries.label"),
-                          "label-attributes": {
-                            info: l(r)("gateway_services.form.fields.retries.tooltip"),
-                            tooltipAttributes: { maxWidth: "400" }
-                          },
-                          name: "retries",
-                          readonly: o.isReadonly,
-                          type: "number"
-                        }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
-                      ]),
-                      I("div", Jt, [
-                        d(V, {
-                          modelValue: o.fields.connect_timeout,
-                          "onUpdate:modelValue": [
-                            u[13] || (u[13] = (m) => o.fields.connect_timeout = m),
-                            u[14] || (u[14] = () => {
-                              o.fields.connect_timeout = A(o.fields.connect_timeout + "");
-                            })
-                          ],
-                          autocomplete: "off",
-                          "data-testid": "gateway-service-connTimeout-input",
-                          label: l(r)("gateway_services.form.fields.connect_timeout.label"),
-                          "label-attributes": {
-                            info: l(r)("gateway_services.form.fields.connect_timeout.tooltip"),
-                            tooltipAttributes: { maxWidth: "400" }
-                          },
-                          name: "connTimeout",
-                          readonly: o.isReadonly,
-                          type: "number"
-                        }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
-                      ]),
-                      I("div", Qt, [
-                        d(V, {
-                          modelValue: o.fields.write_timeout,
-                          "onUpdate:modelValue": [
-                            u[15] || (u[15] = (m) => o.fields.write_timeout = m),
-                            u[16] || (u[16] = () => {
-                              o.fields.write_timeout = A(o.fields.write_timeout + "");
-                            })
-                          ],
-                          autocomplete: "off",
-                          "data-testid": "gateway-service-writeTimeout-input",
-                          label: l(r)("gateway_services.form.fields.write_timeout.label"),
-                          "label-attributes": {
-                            info: l(r)("gateway_services.form.fields.write_timeout.tooltip"),
-                            tooltipAttributes: { maxWidth: "400" }
-                          },
-                          name: "writeTimeout",
-                          readonly: o.isReadonly,
-                          type: "number"
-                        }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
-                      ]),
-                      I("div", Xt, [
-                        d(V, {
-                          modelValue: o.fields.read_timeout,
-                          "onUpdate:modelValue": [
-                            u[17] || (u[17] = (m) => o.fields.read_timeout = m),
-                            u[18] || (u[18] = () => {
-                              o.fields.read_timeout = A(o.fields.read_timeout + "");
-                            })
-                          ],
-                          autocomplete: "off",
-                          "data-testid": "gateway-service-readTimeout-input",
-                          label: l(r)("gateway_services.form.fields.read_timeout.label"),
-                          "label-attributes": {
-                            info: l(r)("gateway_services.form.fields.read_timeout.tooltip"),
-                            tooltipAttributes: { maxWidth: "400" }
-                          },
-                          name: "readTimeout",
-                          readonly: o.isReadonly,
-                          type: "number"
-                        }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
-                      ]),
-                      Pe.value ? (S(), $("div", Yt, [
-                        d(V, {
-                          modelValue: o.fields.client_certificate,
-                          "onUpdate:modelValue": u[19] || (u[19] = (m) => o.fields.client_certificate = m),
-                          modelModifiers: { trim: !0 },
-                          autocomplete: "off",
-                          "data-testid": "gateway-service-clientCert-input",
-                          label: l(r)("gateway_services.form.fields.client_certificate.label"),
-                          "label-attributes": {
-                            info: l(r)("gateway_services.form.fields.client_certificate.tooltip"),
-                            tooltipAttributes: { maxWidth: "400" }
-                          },
-                          name: "clientCert",
-                          placeholder: l(r)("gateway_services.form.fields.client_certificate.placeholder"),
-                          readonly: o.isReadonly,
-                          type: "text"
-                        }, null, 8, ["modelValue", "label", "label-attributes", "placeholder", "readonly"])
-                      ])) : B("", !0),
-                      oe.value ? (S(), $("div", el, [
-                        d(V, {
-                          modelValue: o.fields.ca_certificates,
-                          "onUpdate:modelValue": u[20] || (u[20] = (m) => o.fields.ca_certificates = m),
-                          modelModifiers: { trim: !0 },
-                          autocomplete: "off",
-                          "data-testid": "gateway-service-ca-certs-input",
-                          label: l(r)("gateway_services.form.fields.ca_certificates.label"),
-                          "label-attributes": { tooltipAttributes: { maxWidth: "400" } },
-                          placeholder: l(r)("gateway_services.form.fields.ca_certificates.placeholder"),
-                          readonly: o.isReadonly,
-                          type: "text"
-                        }, {
-                          "label-tooltip": v(() => [
-                            d(l(Q), {
-                              keypath: "gateway_services.form.fields.ca_certificates.tooltip",
-                              scope: "global"
-                            }, {
-                              code1: v(() => [
-                                I("code", null, E(l(r)("gateway_services.form.fields.ca_certificates.code1")), 1)
-                              ]),
-                              code2: v(() => [
-                                I("code", null, E(l(r)("gateway_services.form.fields.ca_certificates.code2")), 1)
-                              ]),
-                              _: 1
-                            })
-                          ]),
-                          _: 1
-                        }, 8, ["modelValue", "label", "placeholder", "readonly"])
-                      ])) : B("", !0),
-                      Ve.value ? (S(), $("div", tl, [
-                        d(c, {
-                          modelValue: o.fields.tls_verify_enabled,
-                          "onUpdate:modelValue": u[21] || (u[21] = (m) => o.fields.tls_verify_enabled = m),
-                          "data-testid": "gateway-service-tls-verify-checkbox",
-                          description: l(r)("gateway_services.form.fields.tls_verify_enabled.help"),
-                          label: l(r)("gateway_services.form.fields.tls_verify_enabled.label"),
-                          "label-attributes": { tooltipAttributes: { maxWidth: "400" } }
-                        }, {
-                          tooltip: v(() => [
-                            d(l(Q), {
-                              keypath: "gateway_services.form.fields.tls_verify_enabled.tooltip",
-                              scope: "global"
-                            }, {
-                              code1: v(() => [
-                                I("code", null, E(l(r)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
-                              ]),
-                              _: 1
-                            })
-                          ]),
-                          _: 1
-                        }, 8, ["modelValue", "description", "label"]),
-                        o.fields.tls_verify_enabled ? (S(), $("div", ll, [
-                          d(L, {
-                            modelValue: o.fields.tls_verify_value,
-                            "onUpdate:modelValue": u[22] || (u[22] = (m) => o.fields.tls_verify_value = m),
-                            "data-testid": "gateway-service-tls-verify-true-option",
-                            label: l(r)("gateway_services.form.fields.tls_verify_option.true.label"),
-                            "selected-value": !0
-                          }, null, 8, ["modelValue", "label"])
-                        ])) : B("", !0),
-                        o.fields.tls_verify_enabled ? (S(), $("div", ol, [
-                          d(L, {
-                            modelValue: o.fields.tls_verify_value,
-                            "onUpdate:modelValue": u[23] || (u[23] = (m) => o.fields.tls_verify_value = m),
-                            "data-testid": "gateway-service-tls-verify-false-option",
-                            label: l(r)("gateway_services.form.fields.tls_verify_option.false.label"),
-                            "selected-value": !1
-                          }, null, 8, ["modelValue", "label"])
-                        ])) : B("", !0)
-                      ])) : B("", !0)
-                    ])
-                  ]),
-                  _: 1
-                }, 8, ["modelValue", "trigger-label"])
-              ]),
-              _: 1
-            }, 8, ["description", "hide-info-header", "title"])
-          ]),
-          _: 3
-        }, 8, ["can-submit", "config", "edit-id", "entity-type", "error-message", "fetch-url", "form-fields", "is-readonly"])
-      ]);
-    };
-  }
-}), Bl = /* @__PURE__ */ je(il, [["__scopeId", "data-v-59d8e66b"]]), rl = { class: "kong-ui-gateway-service-entity-config-card" }, Kl = /* @__PURE__ */ Le({
-  __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: (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
-     */
-    configCardDoc: {
-      type: String,
-      default: "",
-      required: !1
-    },
-    /**
-     * Control visibility of card title content
-     */
-    hideTitle: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["loading", "fetch:error", "fetch:success"],
-  setup(n) {
-    const K = n, { i18n: { t: y }, i18nT: p } = ne.useI18n(), s = k(() => ve.form[K.config.app].edit), { getPropValue: b } = ot(), M = (r, D) => b(r, D) === !0 ? y("gateway_services.form.fields.tls_verify_option.true.display") : y("gateway_services.form.fields.tls_verify_option.false.display"), Q = q({
-      id: {},
-      name: {
-        tooltip: y("gateway_services.form.fields.name.tooltip")
-      },
-      enabled: {},
-      updated_at: {},
-      created_at: {},
-      protocol: {
-        section: Ae.Basic,
-        tooltip: y("gateway_services.form.fields.protocol.tooltip")
-      },
-      host: {
-        section: Ae.Basic,
-        tooltip: y("gateway_services.form.fields.host.tooltip")
-      },
-      path: {
-        section: Ae.Basic,
-        tooltip: y("gateway_services.form.fields.path.tooltip")
-      },
-      port: {
-        section: Ae.Basic,
-        tooltip: y("gateway_services.form.fields.port.tooltip")
-      },
-      tags: {
-        tooltip: y("gateway_services.form.fields.tags.tooltip")
-      },
-      // advanced fields
-      retries: {
-        order: 1,
-        tooltip: y("gateway_services.form.fields.retries.tooltip")
-      },
-      connect_timeout: {
-        order: 2,
-        tooltip: y("gateway_services.form.fields.connect_timeout.tooltip")
-      },
-      write_timeout: {
-        order: 3,
-        tooltip: y("gateway_services.form.fields.write_timeout.tooltip")
-      },
-      read_timeout: {
-        order: 4,
-        tooltip: y("gateway_services.form.fields.read_timeout.tooltip")
-      },
-      client_certificate: {
-        order: 5,
-        tooltip: y("gateway_services.form.fields.client_certificate.tooltip")
-      },
-      ca_certificates: {
-        type: kt.BadgeTag,
-        label: y("gateway_services.form.fields.ca_certificates.label"),
-        order: 6
-      },
-      tls_verify: {
-        label: y("gateway_services.form.fields.tls_verify_enabled.label")
-      },
-      tls_verify_depth: {
-        hidden: !0
-      }
-    });
-    return (r, D) => (S(), $("div", rl, [
-      d(l(Vt), {
-        config: n.config,
-        "config-card-doc": n.configCardDoc,
-        "config-schema": Q.value,
-        "entity-type": l(Ne).GatewayService,
-        "fetch-url": s.value,
-        "hide-title": n.hideTitle,
-        "onFetch:error": D[0] || (D[0] = (P) => r.$emit("fetch:error", P)),
-        "onFetch:success": D[1] || (D[1] = (P) => r.$emit("fetch:success", P)),
-        onLoading: D[2] || (D[2] = (P) => r.$emit("loading", P))
-      }, {
-        "enabled-label-tooltip": v(() => [
-          d(l(p), {
-            keypath: "gateway_services.form.fields.enabled.tooltip",
-            scope: "global"
-          }, {
-            false: v(() => [
-              I("code", null, E(l(y)("gateway_services.form.fields.enabled.false")), 1)
-            ]),
-            true: v(() => [
-              I("code", null, E(l(y)("gateway_services.form.fields.enabled.true")), 1)
-            ]),
-            _: 1
-          })
-        ]),
-        "ca_certificates-label-tooltip": v(() => [
-          d(l(p), {
-            keypath: "gateway_services.form.fields.ca_certificates.tooltip",
-            scope: "global"
-          }, {
-            code1: v(() => [
-              I("code", null, E(l(y)("gateway_services.form.fields.ca_certificates.code1")), 1)
-            ]),
-            code2: v(() => [
-              I("code", null, E(l(y)("gateway_services.form.fields.ca_certificates.code2")), 1)
-            ]),
-            _: 1
-          })
-        ]),
-        "tls_verify-label-tooltip": v(() => [
-          d(l(p), {
-            keypath: "gateway_services.form.fields.tls_verify_enabled.tooltip",
-            scope: "global"
-          }, {
-            code1: v(() => [
-              I("code", null, E(l(y)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
-            ]),
-            _: 1
-          })
-        ]),
-        tls_verify: v((P) => [
-          J(E(typeof l(b)("rowValue", P) == "boolean" ? M("rowValue", P) : l(y)("gateway_services.form.fields.tls_verify_option.unset.display")), 1)
-        ]),
-        client_certificate: v((P) => [
-          J(E(l(b)("rowValue", P) ? l(b)("rowValue", P).id : "–"), 1)
-        ]),
-        _: 1
-      }, 8, ["config", "config-card-doc", "config-schema", "entity-type", "fetch-url", "hide-title"])
-    ]));
-  }
-});
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Je = () => {
-};
-function sl(n, K) {
-  function y(...p) {
-    return new Promise((s, b) => {
-      Promise.resolve(n(() => K.apply(this, p), { fn: K, thisArg: this, args: p })).then(s).catch(b);
-    });
-  }
-  return y;
-}
-function al(n, K = {}) {
-  let y, p, s = Je;
-  const b = (r) => {
-    clearTimeout(r), s(), s = Je;
-  };
-  let M;
-  return (r) => {
-    const D = He(n), P = He(K.maxWait);
-    return y && b(y), D <= 0 || P !== void 0 && P <= 0 ? (p && (b(p), p = null), Promise.resolve(r())) : new Promise((ie, ce) => {
-      s = K.rejectOnCancel ? ce : ie, M = r, P && !p && (p = setTimeout(() => {
-        y && b(y), p = null, ie(M());
-      }, P)), y = setTimeout(() => {
-        p && b(p), p = null, ie(r());
-      }, D);
-    });
-  };
-}
-function qe(n, K = 200, y = {}) {
-  return sl(
-    al(K, y),
-    n
-  );
-}
-const le = {
-  name: "Kong-Air-Flights-API",
-  tags: [],
-  protocol: "https",
-  path: "/flights",
-  read_timeout: 6e4,
-  retries: 5,
-  host: "api.kong-air.com",
-  connect_timeout: 6e4,
-  ca_certificates: null,
-  client_certificate: null,
-  write_timeout: 6e4,
-  port: 443
-}, nl = { class: "kong-ui-entities-gateway-service-form" }, cl = {
-  key: 0,
-  class: "gateway-service-form-general-info"
-}, dl = { class: "gateway-service-form-group-selection-wrapper" }, ul = {
-  key: 0,
-  class: "gateway-service-form-group-fields"
-}, fl = {
-  key: 0,
-  class: "gateway-service-form-group-fields"
-}, pl = { key: 0 }, ml = {
-  key: 0,
-  class: "gateway-service-form-advanced-fields"
-}, vl = { class: "gateway-service-form-margin-bottom" }, gl = { class: "gateway-service-form-margin-bottom" }, yl = { class: "gateway-service-form-margin-bottom" }, _l = { class: "gateway-service-form-margin-bottom" }, bl = {
-  key: 0,
-  class: "gateway-service-form-margin-bottom"
-}, hl = {
-  key: 1,
-  class: "gateway-service-form-margin-bottom"
-}, wl = {
-  key: 2,
-  class: "gateway-service-form-margin-bottom"
-}, kl = {
-  key: 0,
-  class: "checkbox-aligned-radio"
-}, Vl = {
-  key: 1,
-  class: "checkbox-aligned-radio"
-}, Cl = { class: "gateway-service-form-tags" }, Sl = { class: "form-error-list" }, Il = /* @__PURE__ */ Le({
-  __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: (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: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    /** Whether show or hide EntityFormSection info column */
-    hideSectionsInfo: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    /** Whether show or hide Try sample API button */
-    hideTrySampleApiButton: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    }
-  },
-  emits: ["update", "error", "url-valid:success", "url-valid:error", "loading", "model-updated", "try-sample-api"],
-  setup(n, { expose: K, emit: y }) {
-    var h;
-    const p = y, s = n, b = q(!0), M = Ge(), { i18nT: Q, i18n: { t: r } } = ne.useI18n(), { getErrorFieldsFromError: D } = Ye(), { axiosInstance: P } = Oe((h = s.config) == null ? void 0 : h.axiosRequestConfig), ie = et(), { validateHost: ce, validatePath: Y, validatePort: we, validateProtocol: de } = ne.useUrlValidators(), { objectsAreEqual: x } = ot(), ge = k(() => ve.form[s.config.app].edit), z = k(() => s.gatewayServiceId ? Be.Edit : Be.Create), Ie = q(!1), o = k(() => !!s.gatewayServiceId), w = q(o.value ? "protocol" : "url"), re = ne.usePortFromProtocol(), ye = q(""), ke = k(() => !!ye.value || !!ee("name")), e = Me({
-      fields: {
-        name: "",
-        protocol: "http",
-        host: "",
-        path: "",
-        port: 80,
-        url: "",
-        retries: 5,
-        connect_timeout: 6e4,
-        write_timeout: 6e4,
-        read_timeout: 6e4,
-        client_certificate: "",
-        ca_certificates: "",
-        tls_verify_enabled: !1,
-        tls_verify_value: !1,
-        tags: ""
-      },
-      isReadonly: !1,
-      errorMessages: [],
-      formFieldErrors: {
-        host: "",
-        port: "",
-        path: "",
-        name: "",
-        url: "",
-        tags: "",
-        retries: "",
-        connect_timeout: "",
-        write_timeout: "",
-        read_timeout: "",
-        client_certificate: "",
-        ca_certificates: "",
-        tls_verify_enabled: "",
-        tls_verify_value: ""
-      }
-    }), A = Me({
-      name: "",
-      protocol: "http",
-      host: "",
-      path: "",
-      port: 80,
-      url: "",
-      retries: 5,
-      connect_timeout: 6e4,
-      write_timeout: 6e4,
-      read_timeout: 6e4,
-      client_certificate: "",
-      ca_certificates: "",
-      tls_verify_enabled: !1,
-      tls_verify_value: !1,
-      tags: ""
-    }), ue = s.config.app === "konnect" || tt({
-      gatewayInfo: s.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"]
-      }
-    }), O = [
-      {
-        label: r("gateway_services.form.fields.protocol.options.http"),
-        value: "http",
-        group: "http"
-      },
-      {
-        label: r("gateway_services.form.fields.protocol.options.https"),
-        value: "https",
-        group: "http"
-      },
-      {
-        label: r("gateway_services.form.fields.protocol.options.tcp"),
-        value: "tcp",
-        group: "tcp"
-      },
-      {
-        label: r("gateway_services.form.fields.protocol.options.tls"),
-        value: "tls",
-        group: "tcp"
-      },
-      {
-        label: r("gateway_services.form.fields.protocol.options.tls_passthrough"),
-        value: "tls_passthrough",
-        group: "tcp"
-      },
-      {
-        label: r("gateway_services.form.fields.protocol.options.grpc"),
-        value: "grpc",
-        group: "grpc"
-      },
-      {
-        label: r("gateway_services.form.fields.protocol.options.grpcs"),
-        value: "grpcs",
-        group: "grpc"
-      },
-      ...ue ? [
-        {
-          label: r("gateway_services.form.fields.protocol.options.ws"),
-          value: "ws",
-          group: "websocket"
-        },
-        {
-          label: r("gateway_services.form.fields.protocol.options.wss"),
-          value: "wss",
-          group: "websocket"
-        }
-      ] : [],
-      {
-        label: r("gateway_services.form.fields.protocol.options.udp"),
-        value: "udp",
-        group: "udp"
-      }
-    ], se = { url: "url", protocol: "protocol" }, Pe = (t, a) => {
-      a.value;
-    }, oe = (t) => t ? parseFloat(t) : 0, Ve = () => {
-      e.fields.host = A.host, e.fields.path = A.path, e.fields.port = A.port, e.fields.protocol = A.protocol, e.fields.url = A.url, e.fields.retries = A.retries, e.fields.connect_timeout = A.connect_timeout, e.fields.write_timeout = A.write_timeout, e.fields.read_timeout = A.read_timeout, e.fields.client_certificate = A.client_certificate, e.fields.ca_certificates = A.ca_certificates, e.fields.tls_verify_enabled = A.tls_verify_enabled, e.fields.tls_verify_value = A.tls_verify_value;
-    }, Ce = () => {
-      b.value = !0, Z(), e.errorMessages = [], Ve();
-    }, fe = () => {
-      switch (Ve(), e.fields.name = `${le.name}-${(/* @__PURE__ */ new Date()).toISOString().replace(/\D/g, "").slice(0, 17)}`, w.value) {
-        case "url":
-          e.fields.url = `${le.protocol}://${le.host}${le.path}`;
-          break;
-        case "protocol":
-          e.fields.host = le.host, e.fields.path = le.path, e.fields.protocol = le.protocol, e.fields.port = le.port;
-          break;
-        default:
-          e.fields.url = `${le.protocol}://${le.host}${le.path}`;
-      }
-    }, _e = qe(() => {
-      if (Z(), e.fields.url.length)
-        try {
-          const t = new URL(e.fields.url), a = de(t.protocol, O);
-          if (a) throw new Error(a);
-          e.fields.protocol = t.protocol.slice(0, -1);
-          const F = ce(t.hostname);
-          if (F) throw new Error(F);
-          e.fields.host = t.hostname;
-          const j = Y(t.pathname);
-          if (j) throw new Error(j);
-          e.fields.path = t.pathname;
-          const U = we(t.port);
-          if (U) throw new Error(U);
-          const R = Number(t.port);
-          Ie.value = !!R, e.fields.port = R || re.getPortFromProtocol(e.fields.protocol), p("url-valid:success");
-        } catch {
-          p("url-valid:error", r("gateway_services.form.errors.url.invalid")), e.formFieldErrors.url = r("gateway_services.form.errors.url.invalid");
-        }
-    }, 300), be = qe((t) => {
-      Z(t);
-    }, 300), Ee = k(() => !!e.formFieldErrors.url || !!e.formFieldErrors.host || !!e.formFieldErrors.port), ee = (t) => {
-      if (e.errorMessages.length) return "";
-      const a = e.formFieldErrors;
-      return a[t] ? a[t] : "";
-    }, H = qe((t) => {
-      Z(t ?? void 0);
-      const a = ce(e.fields.host);
-      a && (e.formFieldErrors.host = a);
-      const F = Y(e.fields.path);
-      F && (e.formFieldErrors.path = F);
-      const j = we(e.fields.port);
-      j && (e.formFieldErrors.port = j), te.value ? p("url-valid:success") : p("url-valid:error", e.errorMessages.join(",") || r("gateway_services.form.errors.url.invalid"));
-    }, 300), Z = (t) => {
-      if (t)
-        e.formFieldErrors[t] = "";
-      else
-        for (let a in e.formFieldErrors)
-          e.formFieldErrors[a] = "";
-      e.errorMessages = [];
-    }, te = k(() => {
-      for (let t in e.formFieldErrors)
-        if (e.formFieldErrors[t].length)
-          return !1;
-      return !0;
-    }), ae = () => {
-      e.fields.url && w.value === "url" ? _e() : H();
-    }, i = () => `new-service-${(/* @__PURE__ */ new Date()).toISOString().replace(/\D/g, "").slice(0, 17)}`, u = k(() => !["tcp", "tls", "tls_passthrough", "grpc", "grpcs", "udp"].includes(e.fields.protocol)), V = k(() => {
-      if (w.value === "url")
-        return !0;
-      const t = ["https", "wss", "tls"].includes(e.fields.protocol);
-      return w.value === "protocol" && t;
-    }), X = k(() => {
-      if (w.value === "url")
-        return !0;
-      const t = ["https", "tls"].includes(e.fields.protocol);
-      return w.value === "protocol" && t;
-    }), L = k(() => {
-      if (w.value === "url")
-        return !0;
-      const t = ["https", "wss", "tls"].includes(e.fields.protocol);
-      return w.value === "protocol" && t;
-    }), T = (t) => {
-      Z("name"), ye.value = ie.utf8Name(t);
-    }, c = k(() => {
-      const t = !o.value || !x(e.fields, A), a = w.value === "url" && !!e.fields.url && te.value, F = w.value === "protocol" && !!e.fields.host && te.value;
-      return t && (a || F);
-    }), g = (t) => {
-      var a, F, j;
-      e.fields.name = (t == null ? void 0 : t.name) || "", e.fields.tags = ((a = t == null ? void 0 : t.tags) == null ? void 0 : a.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 = ((F = t == null ? void 0 : t.ca_certificates) == null ? void 0 : F.join(",")) || "", e.fields.client_certificate = ((j = t == null ? void 0 : t.client_certificate) == null ? void 0 : j.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(A, e.fields);
-    }, m = () => {
-      M.push(s.config.cancelRoute);
-    }, C = k(() => {
-      var a, F;
-      let t = `${s.config.apiBaseUrl}${ve.form[s.config.app].validate}`;
-      return s.config.app === "konnect" ? t = t.replace(/{controlPlaneId}/gi, ((a = s.config) == null ? void 0 : a.controlPlaneId) || "") : s.config.app === "kongManager" && (t = t.replace(/\/{workspace}/gi, (F = s.config) != null && F.workspace ? `/${s.config.workspace}` : "")), t = t.replace(/{id}/gi, s.gatewayServiceId), t;
-    }), W = k(() => {
-      var a, F;
-      let t = `${s.config.apiBaseUrl}${ve.form[s.config.app][z.value]}`;
-      return s.config.app === "konnect" ? t = t.replace(/{controlPlaneId}/gi, ((a = s.config) == null ? void 0 : a.controlPlaneId) || "") : s.config.app === "kongManager" && (t = t.replace(/\/{workspace}/gi, (F = s.config) != null && F.workspace ? `/${s.config.workspace}` : "")), t = t.replace(/{id}/gi, s.gatewayServiceId), t;
-    }), pe = (t) => {
-      let a = "";
-      t.url && (a = new URL(t.url).protocol), (["https", "wss", "tls"].includes(t.protocol) || ["https", "wss", "tls"].includes(a)) && (t.tls_verify = t.tls_verify_enabled ? t.tls_verify_value : null), delete t.tls_verify_enabled, delete t.tls_verify_value;
-    }, N = k(() => {
-      var a, F, j, U;
-      const t = {
-        name: e.fields.name || null,
-        tags: e.fields.tags ? (j = (F = (a = e.fields.tags) == null ? void 0 : a.split(",")) == null ? void 0 : F.map((R) => String(R || "").trim())) == null ? void 0 : j.filter((R) => R !== "") : null,
-        protocol: e.fields.protocol,
-        path: e.fields.path || null,
-        read_timeout: e.fields.read_timeout,
-        retries: e.fields.retries,
-        host: e.fields.host,
-        connect_timeout: e.fields.connect_timeout,
-        tls_verify_value: e.fields.tls_verify_value,
-        tls_verify_enabled: e.fields.tls_verify_enabled,
-        ca_certificates: e.fields.ca_certificates ? (U = e.fields.ca_certificates) == null ? void 0 : U.split(",").filter((R) => R !== "") : 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), u.value || (t.path = null), z.value === "create" ? w.value === "url" ? (delete t.protocol, delete t.host, delete t.path, s.config.app === "konnect" && delete t.port) : delete t.url : z.value === "edit" && delete t.url, t;
-    }), me = async () => {
-      var t, a, F, j;
-      try {
-        e.isReadonly = !0, ae();
-        const U = N.value;
-        pe(U);
-        let R;
-        if (await P.post(C.value, U), z.value === "create" ? R = await P.post(W.value, U) : z.value === "edit" && (R = ((t = s.config) == null ? void 0 : t.app) === "konnect" ? await P.put(W.value, U) : await P.patch(W.value, U)), R) {
-          const { data: f } = R;
-          e.fields.name = (f == null ? void 0 : f.name) || "", e.fields.port = f.port || re.getPortFromProtocol(f.protocol), e.fields.protocol = (f == null ? void 0 : f.protocol) || "http", e.fields.host = (f == null ? void 0 : f.host) || "", e.fields.path = (f == null ? void 0 : f.path) || "", e.fields.url = (f == null ? void 0 : f.url) || "", e.fields.retries = f != null && f.retries || (f == null ? void 0 : f.retries) === 0 ? f == null ? void 0 : f.retries : 5, e.fields.connect_timeout = f != null && f.connect_timeout || (f == null ? void 0 : f.connect_timeout) === 0 ? f == null ? void 0 : f.connect_timeout : 6e4, e.fields.write_timeout = f != null && f.write_timeout || (f == null ? void 0 : f.write_timeout) === 0 ? f == null ? void 0 : f.write_timeout : 6e4, e.fields.read_timeout = f != null && f.read_timeout || (f == null ? void 0 : f.read_timeout) === 0 ? f == null ? void 0 : f.read_timeout : 6e4, e.fields.client_certificate = ((a = f == null ? void 0 : f.client_certificate) == null ? void 0 : a.id) || "", e.fields.ca_certificates = (F = f == null ? void 0 : f.ca_certificates) != null && F.length ? f == null ? void 0 : f.ca_certificates.join(",") : "", e.fields.tls_verify_enabled = (f == null ? void 0 : f.tls_verify) !== "" && (f == null ? void 0 : f.tls_verify) !== null && (f == null ? void 0 : f.tls_verify) !== void 0, e.fields.tls_verify_value = e.fields.tls_verify_enabled && (f == null ? void 0 : f.tls_verify), e.fields.tags = (j = f == null ? void 0 : f.tags) != null && j.length ? f.tags.join(", ") : "", Object.assign(A, e.fields), p("update", R == null ? void 0 : R.data);
-        }
-        return R;
-      } catch (U) {
-        const { fields: R, messages: f } = D(U);
-        e.errorMessages = f, R.length && R.forEach((he) => {
-          const Se = he.field;
-          Se === "client_certificate.id" ? e.formFieldErrors.client_certificate = he.message : Se.startsWith("ca_certificates") ? e.formFieldErrors.ca_certificates = he.message : Object.keys(e.formFieldErrors).includes(Se) && (e.formFieldErrors = {
-            ...e.formFieldErrors,
-            [Se]: he.message
-          });
-        }), p("error", U);
-      } finally {
-        e.isReadonly = !1;
-      }
-    };
-    return $e(() => s.gatewayServiceId, () => {
-      Object.assign(e.fields, A);
-    }), $e(e.fields, (t) => {
-      e.fields.port = re.getPortFromProtocol(t.protocol, String(t.port)), p("model-updated", N.value);
-    }), Qe(() => {
-      p("model-updated", N.value), o.value || (e.fields.name = i());
-    }), K({
-      validateUrl: ae,
-      getPayload: N,
-      saveFormData: me,
-      canSubmit: c,
-      initForm: g
-    }), (t, a) => {
-      const F = G("KRadio"), j = G("KButton"), U = G("KInput"), R = G("KSelect"), f = G("KCheckbox"), he = G("KCollapse"), Se = G("KAlert");
-      return S(), $("div", nl, [
-        d(l(lt), {
-          "can-submit": c.value,
-          config: n.config,
-          "edit-id": n.gatewayServiceId,
-          "entity-type": l(Ne).GatewayService,
-          "fetch-url": ge.value,
-          "form-fields": N.value,
-          "is-readonly": e.isReadonly,
-          onCancel: m,
-          "onFetch:error": a[30] || (a[30] = (_) => t.$emit("error", _)),
-          "onFetch:success": g,
-          onLoading: a[31] || (a[31] = (_) => t.$emit("loading", _)),
-          onSubmit: me
-        }, {
-          "form-actions": v(() => [
-            Xe(t.$slots, "form-actions", {
-              canSubmit: c.value,
-              cancel: m,
-              submit: me
-            }, void 0, !0)
-          ]),
-          default: v(() => [
-            d(l(Ke), {
-              description: l(r)("gateway_services.form.sections.keys.description"),
-              "hide-info-header": n.hideSectionsInfo,
-              title: l(r)("gateway_services.form.sections.keys.title")
-            }, {
-              default: v(() => [
-                o.value ? B("", !0) : (S(), $("div", cl, [
-                  I("div", dl, [
-                    d(F, {
-                      modelValue: w.value,
-                      "onUpdate:modelValue": a[0] || (a[0] = (_) => w.value = _),
-                      card: "",
-                      "card-orientation": "horizontal",
-                      "data-testid": "gateway-service-url-radio",
-                      description: l(r)("gateway_services.form.sections.keys.url.description"),
-                      label: l(r)("gateway_services.form.sections.keys.url.label"),
-                      "selected-value": se.url,
-                      onChange: Ce
-                    }, null, 8, ["modelValue", "description", "label", "selected-value"]),
-                    d(F, {
-                      modelValue: w.value,
-                      "onUpdate:modelValue": a[1] || (a[1] = (_) => w.value = _),
-                      card: "",
-                      "card-orientation": "horizontal",
-                      "checked-group": "protocol",
-                      "data-testid": "gateway-service-protocol-radio",
-                      description: l(r)("gateway_services.form.sections.keys.protocol.description"),
-                      label: l(r)("gateway_services.form.sections.keys.protocol.label"),
-                      "selected-value": se.protocol,
-                      onChange: Ce
-                    }, null, 8, ["modelValue", "description", "label", "selected-value"])
-                  ]),
-                  d(De, { name: "slide-fade" }, {
-                    default: v(() => [
-                      w.value === "url" ? (S(), $("div", ul, [
-                        d(U, {
-                          modelValue: e.fields.url,
-                          "onUpdate:modelValue": a[2] || (a[2] = (_) => e.fields.url = _),
-                          modelModifiers: { trim: !0 },
-                          class: "gateway-service-url-input gateway-service-form-margin-bottom",
-                          "data-testid": "gateway-service-url-input",
-                          error: Ee.value,
-                          "error-message": ee("url"),
-                          label: l(r)("gateway_services.form.fields.upstream_url.label"),
-                          "label-attributes": {
-                            info: n.config.app === "konnect" ? l(r)("gateway_services.form.fields.upstream_url.tooltip_for_konnect") : l(r)("gateway_services.form.fields.upstream_url.tooltip_for_km"),
-                            tooltipAttributes: { maxWidth: "400" }
-                          },
-                          name: "url",
-                          placeholder: l(r)("gateway_services.form.fields.upstream_url.placeholder"),
-                          required: "",
-                          onInput: l(_e)
-                        }, Re({ _: 2 }, [
-                          n.hideTrySampleApiButton ? void 0 : {
-                            name: "after",
-                            fn: v(() => [
-                              d(j, {
-                                appearance: "tertiary",
-                                "data-testid": "try-sample-api",
-                                size: "small",
-                                onClick: fe
-                              }, {
-                                default: v(() => [
-                                  J(E(l(r)("gateway_services.form.buttons.try_sample")), 1)
-                                ]),
-                                _: 1
-                              })
-                            ]),
-                            key: "0"
-                          }
-                        ]), 1032, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder", "onInput"])
-                      ])) : B("", !0)
-                    ]),
-                    _: 1
-                  })
-                ])),
-                d(De, { name: "slide-fade" }, {
-                  default: v(() => [
-                    w.value === "protocol" || o.value ? (S(), $("div", fl, [
-                      d(R, {
-                        modelValue: e.fields.protocol,
-                        "onUpdate:modelValue": a[3] || (a[3] = (_) => e.fields.protocol = _),
-                        "data-testid": "gateway-service-protocol-select",
-                        items: O,
-                        label: l(r)("gateway_services.form.fields.protocol.label"),
-                        "label-attributes": {
-                          info: l(r)("gateway_services.form.fields.protocol.tooltip"),
-                          tooltipAttributes: { maxWidth: "400" }
-                        },
-                        readonly: e.isReadonly,
-                        required: "",
-                        width: "100%",
-                        onSelected: a[4] || (a[4] = (_) => Pe(e.fields.protocol, _))
-                      }, null, 8, ["modelValue", "label", "label-attributes", "readonly"]),
-                      d(U, {
-                        modelValue: e.fields.host,
-                        "onUpdate:modelValue": a[5] || (a[5] = (_) => e.fields.host = _),
-                        modelModifiers: { trim: !0 },
-                        class: "gateway-service-form-margin-top",
-                        "data-testid": "gateway-service-host-input",
-                        error: !!e.formFieldErrors.host,
-                        "error-message": ee("host"),
-                        label: l(r)("gateway_services.form.fields.host.label"),
-                        "label-attributes": {
-                          info: l(r)("gateway_services.form.fields.host.tooltip"),
-                          tooltipAttributes: { maxWidth: "400" }
-                        },
-                        name: "host",
-                        placeholder: l(r)("gateway_services.form.fields.host.placeholder"),
-                        required: "",
-                        onInput: a[6] || (a[6] = (_) => l(H)("host"))
-                      }, Re({ _: 2 }, [
-                        n.hideTrySampleApiButton ? void 0 : {
-                          name: "after",
-                          fn: v(() => [
-                            d(j, {
-                              appearance: "tertiary",
-                              size: "small",
-                              onClick: fe
-                            }, {
-                              default: v(() => [
-                                J(E(l(r)("gateway_services.form.buttons.try_sample")), 1)
-                              ]),
-                              _: 1
-                            })
-                          ]),
-                          key: "0"
-                        }
-                      ]), 1032, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder"]),
-                      u.value ? (S(), $("div", pl, [
-                        d(U, {
-                          modelValue: e.fields.path,
-                          "onUpdate:modelValue": a[7] || (a[7] = (_) => e.fields.path = _),
-                          modelModifiers: { trim: !0 },
-                          class: "gateway-service-form-margin-top",
-                          "data-testid": "gateway-service-path-input",
-                          error: !!e.formFieldErrors.path,
-                          "error-message": ee("path"),
-                          label: l(r)("gateway_services.form.fields.path.label"),
-                          "label-attributes": {
-                            info: l(r)("gateway_services.form.fields.path.tooltip"),
-                            tooltipAttributes: { maxWidth: "400" }
-                          },
-                          name: "path",
-                          placeholder: l(r)("gateway_services.form.fields.path.placeholder"),
-                          onInput: a[8] || (a[8] = (_) => l(H)("path"))
-                        }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder"])
-                      ])) : B("", !0),
-                      d(U, {
-                        modelValue: e.fields.port,
-                        "onUpdate:modelValue": [
-                          a[9] || (a[9] = (_) => e.fields.port = _),
-                          a[11] || (a[11] = () => {
-                            e.fields.port = oe(e.fields.port + "");
-                          })
-                        ],
-                        class: "gateway-service-form-margin-top",
-                        "data-testid": "gateway-service-port-input",
-                        error: !!e.formFieldErrors.port,
-                        "error-message": ee("port"),
-                        label: l(r)("gateway_services.form.fields.port.label"),
-                        "label-attributes": {
-                          info: l(r)("gateway_services.form.fields.port.tooltip"),
-                          tooltipAttributes: { maxWidth: "400" }
-                        },
-                        name: "port",
-                        type: "number",
-                        onInput: a[10] || (a[10] = (_) => l(H)("port"))
-                      }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes"])
-                    ])) : B("", !0)
-                  ]),
-                  _: 1
-                }),
-                d(he, {
-                  modelValue: b.value,
-                  "onUpdate:modelValue": a[27] || (a[27] = (_) => b.value = _),
-                  "data-testid": "advanced-fields-collapse",
-                  "trigger-alignment": "leading",
-                  "trigger-label": l(r)("gateway_services.form.sections.keys.viewAdvancedFields")
-                }, {
-                  default: v(() => [
-                    d(De, { name: "slide-fade" }, {
-                      default: v(() => [
-                        b.value ? B("", !0) : (S(), $("div", ml, [
-                          I("div", vl, [
-                            d(U, {
-                              modelValue: e.fields.retries,
-                              "onUpdate:modelValue": [
-                                a[12] || (a[12] = (_) => e.fields.retries = _),
-                                a[13] || (a[13] = () => {
-                                  e.fields.retries = oe(e.fields.retries + "");
-                                })
-                              ],
-                              autocomplete: "off",
-                              "data-testid": "gateway-service-retries-input",
-                              label: l(r)("gateway_services.form.fields.retries.label"),
-                              "label-attributes": {
-                                info: l(r)("gateway_services.form.fields.retries.tooltip"),
-                                tooltipAttributes: { maxWidth: "400" }
-                              },
-                              name: "retries",
-                              readonly: e.isReadonly,
-                              type: "number"
-                            }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
-                          ]),
-                          I("div", gl, [
-                            d(U, {
-                              modelValue: e.fields.connect_timeout,
-                              "onUpdate:modelValue": [
-                                a[14] || (a[14] = (_) => e.fields.connect_timeout = _),
-                                a[15] || (a[15] = () => {
-                                  e.fields.connect_timeout = oe(e.fields.connect_timeout + "");
-                                })
-                              ],
-                              autocomplete: "off",
-                              "data-testid": "gateway-service-connTimeout-input",
-                              label: l(r)("gateway_services.form.fields.connect_timeout.label"),
-                              "label-attributes": {
-                                info: l(r)("gateway_services.form.fields.connect_timeout.tooltip"),
-                                tooltipAttributes: { maxWidth: "400" }
-                              },
-                              name: "connTimeout",
-                              readonly: e.isReadonly,
-                              type: "number"
-                            }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
-                          ]),
-                          I("div", yl, [
-                            d(U, {
-                              modelValue: e.fields.write_timeout,
-                              "onUpdate:modelValue": [
-                                a[16] || (a[16] = (_) => e.fields.write_timeout = _),
-                                a[17] || (a[17] = () => {
-                                  e.fields.write_timeout = oe(e.fields.write_timeout + "");
-                                })
-                              ],
-                              autocomplete: "off",
-                              "data-testid": "gateway-service-writeTimeout-input",
-                              label: l(r)("gateway_services.form.fields.write_timeout.label"),
-                              "label-attributes": {
-                                info: l(r)("gateway_services.form.fields.write_timeout.tooltip"),
-                                tooltipAttributes: { maxWidth: "400" }
-                              },
-                              name: "writeTimeout",
-                              readonly: e.isReadonly,
-                              type: "number"
-                            }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
-                          ]),
-                          I("div", _l, [
-                            d(U, {
-                              modelValue: e.fields.read_timeout,
-                              "onUpdate:modelValue": [
-                                a[18] || (a[18] = (_) => e.fields.read_timeout = _),
-                                a[19] || (a[19] = () => {
-                                  e.fields.read_timeout = oe(e.fields.read_timeout + "");
-                                })
-                              ],
-                              autocomplete: "off",
-                              "data-testid": "gateway-service-readTimeout-input",
-                              label: l(r)("gateway_services.form.fields.read_timeout.label"),
-                              "label-attributes": {
-                                info: l(r)("gateway_services.form.fields.read_timeout.tooltip"),
-                                tooltipAttributes: { maxWidth: "400" }
-                              },
-                              name: "readTimeout",
-                              readonly: e.isReadonly,
-                              type: "number"
-                            }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
-                          ]),
-                          V.value ? (S(), $("div", bl, [
-                            d(U, {
-                              modelValue: e.fields.client_certificate,
-                              "onUpdate:modelValue": a[20] || (a[20] = (_) => e.fields.client_certificate = _),
-                              modelModifiers: { trim: !0 },
-                              autocomplete: "off",
-                              "data-testid": "gateway-service-clientCert-input",
-                              error: !!e.formFieldErrors.client_certificate,
-                              label: l(r)("gateway_services.form.fields.client_certificate.label"),
-                              "label-attributes": {
-                                info: l(r)("gateway_services.form.fields.client_certificate.tooltip"),
-                                tooltipAttributes: { maxWidth: "400" }
-                              },
-                              name: "clientCert",
-                              placeholder: l(r)("gateway_services.form.fields.client_certificate.placeholder"),
-                              readonly: e.isReadonly,
-                              type: "text",
-                              onInput: a[21] || (a[21] = (_) => l(be)("client_certificate"))
-                            }, null, 8, ["modelValue", "error", "label", "label-attributes", "placeholder", "readonly"])
-                          ])) : B("", !0),
-                          X.value ? (S(), $("div", hl, [
-                            d(U, {
-                              modelValue: e.fields.ca_certificates,
-                              "onUpdate:modelValue": a[22] || (a[22] = (_) => e.fields.ca_certificates = _),
-                              modelModifiers: { trim: !0 },
-                              autocomplete: "off",
-                              "data-testid": "gateway-service-ca-certs-input",
-                              error: !!e.formFieldErrors.ca_certificates,
-                              label: l(r)("gateway_services.form.fields.ca_certificates.label"),
-                              "label-attributes": { tooltipAttributes: { maxWidth: "400" } },
-                              placeholder: l(r)("gateway_services.form.fields.ca_certificates.placeholder"),
-                              readonly: e.isReadonly,
-                              type: "text",
-                              onInput: a[23] || (a[23] = (_) => l(be)("ca_certificates"))
-                            }, {
-                              "label-tooltip": v(() => [
-                                d(l(Q), {
-                                  keypath: "gateway_services.form.fields.ca_certificates.tooltip",
-                                  scope: "global"
-                                }, {
-                                  code1: v(() => [
-                                    I("code", null, E(l(r)("gateway_services.form.fields.ca_certificates.code1")), 1)
-                                  ]),
-                                  code2: v(() => [
-                                    I("code", null, E(l(r)("gateway_services.form.fields.ca_certificates.code2")), 1)
-                                  ]),
-                                  _: 1
-                                })
-                              ]),
-                              _: 1
-                            }, 8, ["modelValue", "error", "label", "placeholder", "readonly"])
-                          ])) : B("", !0),
-                          L.value ? (S(), $("div", wl, [
-                            d(f, {
-                              modelValue: e.fields.tls_verify_enabled,
-                              "onUpdate:modelValue": a[24] || (a[24] = (_) => e.fields.tls_verify_enabled = _),
-                              "data-testid": "gateway-service-tls-verify-checkbox",
-                              description: l(r)("gateway_services.form.fields.tls_verify_enabled.help"),
-                              label: l(r)("gateway_services.form.fields.tls_verify_enabled.label"),
-                              "label-attributes": { tooltipAttributes: { maxWidth: "400" } }
-                            }, {
-                              tooltip: v(() => [
-                                d(l(Q), {
-                                  keypath: "gateway_services.form.fields.tls_verify_enabled.tooltip",
-                                  scope: "global"
-                                }, {
-                                  code1: v(() => [
-                                    I("code", null, E(l(r)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
-                                  ]),
-                                  _: 1
-                                })
-                              ]),
-                              _: 1
-                            }, 8, ["modelValue", "description", "label"]),
-                            e.fields.tls_verify_enabled ? (S(), $("div", kl, [
-                              d(F, {
-                                modelValue: e.fields.tls_verify_value,
-                                "onUpdate:modelValue": a[25] || (a[25] = (_) => e.fields.tls_verify_value = _),
-                                "data-testid": "gateway-service-tls-verify-true-option",
-                                label: l(r)("gateway_services.form.fields.tls_verify_option.true.label"),
-                                "selected-value": !0
-                              }, null, 8, ["modelValue", "label"])
-                            ])) : B("", !0),
-                            e.fields.tls_verify_enabled ? (S(), $("div", Vl, [
-                              d(F, {
-                                modelValue: e.fields.tls_verify_value,
-                                "onUpdate:modelValue": a[26] || (a[26] = (_) => e.fields.tls_verify_value = _),
-                                "data-testid": "gateway-service-tls-verify-false-option",
-                                label: l(r)("gateway_services.form.fields.tls_verify_option.false.label"),
-                                "selected-value": !1
-                              }, null, 8, ["modelValue", "label"])
-                            ])) : B("", !0)
-                          ])) : B("", !0)
-                        ]))
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }, 8, ["modelValue", "trigger-label"])
-              ]),
-              _: 1
-            }, 8, ["description", "hide-info-header", "title"]),
-            d(l(Ke), {
-              description: l(r)("gateway_services.form.sections.general.description"),
-              "hide-info-header": n.hideSectionsInfo,
-              title: l(r)("gateway_services.form.sections.general.title")
-            }, {
-              default: v(() => [
-                d(U, {
-                  modelValue: e.fields.name,
-                  "onUpdate:modelValue": a[28] || (a[28] = (_) => e.fields.name = _),
-                  modelModifiers: { trim: !0 },
-                  autocomplete: "off",
-                  "data-testid": "gateway-service-name-input",
-                  error: ke.value,
-                  "error-message": ye.value,
-                  label: l(r)("gateway_services.form.fields.name.label"),
-                  "label-attributes": {
-                    info: l(r)("gateway_services.form.fields.name.tooltip"),
-                    tooltipAttributes: { maxWidth: "400" }
-                  },
-                  name: "name",
-                  placeholder: l(r)("gateway_services.form.fields.name.placeholder"),
-                  readonly: e.isReadonly,
-                  type: "text",
-                  onInput: T
-                }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder", "readonly"]),
-                d(he, {
-                  "data-testid": "tags-collapse",
-                  "trigger-alignment": "leading",
-                  "trigger-label": l(r)("gateway_services.form.fields.tags.collapse")
-                }, {
-                  default: v(() => [
-                    I("div", Cl, [
-                      d(U, {
-                        modelValue: e.fields.tags,
-                        "onUpdate:modelValue": a[29] || (a[29] = (_) => e.fields.tags = _),
-                        modelModifiers: { trim: !0 },
-                        autocomplete: "off",
-                        "data-testid": "gateway-service-tags-input",
-                        help: l(r)("gateway_services.form.fields.tags.help"),
-                        label: l(r)("gateway_services.form.fields.tags.label"),
-                        "label-attributes": {
-                          info: l(r)("gateway_services.form.fields.tags.tooltip"),
-                          tooltipAttributes: { maxWidth: "400" }
-                        },
-                        name: "tags",
-                        placeholder: l(r)("gateway_services.form.fields.tags.placeholder"),
-                        readonly: e.isReadonly,
-                        type: "text"
-                      }, null, 8, ["modelValue", "help", "label", "label-attributes", "placeholder", "readonly"])
-                    ])
-                  ]),
-                  _: 1
-                }, 8, ["trigger-label"])
-              ]),
-              _: 1
-            }, 8, ["description", "hide-info-header", "title"]),
-            e.errorMessages.length ? (S(), Ue(Se, {
-              key: 0,
-              appearance: "danger"
-            }, {
-              default: v(() => [
-                I("ul", Sl, [
-                  (S(!0), $(rt, null, st(e.errorMessages, (_) => (S(), $("li", { key: _ }, E(_), 1))), 128))
-                ])
-              ]),
-              _: 1
-            })) : B("", !0)
-          ]),
-          _: 3
-        }, 8, ["can-submit", "config", "edit-id", "entity-type", "fetch-url", "form-fields", "is-readonly"])
-      ]);
-    };
-  }
-}), Ll = /* @__PURE__ */ je(Il, [["__scopeId", "data-v-aac697aa"]]), { validateHost: Pl, validatePort: El, validateProtocol: Fl, validatePath: Ul } = ne.useUrlValidators(), Wl = () => ({
-  validateHost: Pl,
-  validatePort: El,
-  validateProtocol: Fl,
-  validatePath: Ul
-});
-export {
-  Kl as GatewayServiceConfigCard,
-  Ll as GatewayServiceForm,
-  Ml as GatewayServiceList,
-  Bl as LegacyGatewayServiceForm,
-  Wl as useUrlValidator
-};