@kong-ui-public/entities-gateway-services 3.28.2-pr.3869.e876c8c8a.0 → 3.28.2

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

@@ -0,0 +1,1947 @@
+import { defineComponent as qe, computed as h, ref as x, watch as Ke, onBeforeMount as ht, resolveComponent as $, openBlock as p, createElementBlock as w, createVNode as c, unref as t, createSlots as Ie, withCtx as r, createTextVNode as P, toDisplayString as _, createBlock as D, createCommentVNode as F, createElementVNode as C, withModifiers as tt, Teleport as bt, Fragment as Fe, renderList as Le, reactive as ot, onMounted as wt, Transition as at, renderSlot as kt } from "vue";
+import { useRouter as ft } from "vue-router";
+import { BookIcon as rt, AddIcon as Ne, ServicesIcon as Ct, TrashIcon as St } from "@kong/icons";
+import { createI18n as Vt, i18nTComponent as Et } from "@kong-ui-public/i18n";
+import { useAxios as pt, useTableState as It, useManagedByColumn as Ft, useFetcher as Pt, useDeleteUrlBuilder as $t, FetcherStatus as Tt, EntityBaseTable as xt, PermissionsWrapper as pe, getManagedByLabel as Rt, TableTags as At, EntityFilter as Ut, EntityToggleModal as Dt, EntityDeleteModal as Bt, EntityTypes as Mt, useHelpers as mt, ConfigurationSchemaType as Kt, ConfigurationSchemaSection as Me, EntityBaseConfigCard as Lt, SupportedEntityType as gt, useErrors as Nt, useValidators as qt, useDebouncedFilter as nt, EntityBaseFormType as ct, useGatewayFeatureSupported as Wt, EntityBaseForm as Gt, EntityFormSection as dt } from "@kong-ui-public/entities-shared";
+const Ot = { create: "New gateway service", debugger: "Start debugging", 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", related_entities: { plugins_only: "{pluginCount} associated {plugin} will be deleted along with this gateway service.", check_failed: "We couldn't verify whether this gateway service has routes or plugins attached. Check the box below to force delete it anyway.", plugin: "{count, plural, one {plugin} other {plugins}}", force_delete_checkbox: "Force delete", force_delete_help: "Check this box to force deletion of all routes and plugins on linked service.", force_delete_notice: "All routes must be deleted before this gateway service can be deleted. To delete the service and all its routes and plugins at once, select Force delete." } } }, jt = { placeholder: { konnect: "Filter by name", kongManager: "Filter by exact name or ID" } }, zt = { 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", create_new: "Create new", import_spec: "Import via Open API spec", 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.", learn_more: "Learn more" }, 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 gateway 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", select_placeholder: "Select a certificate", tooltip: "Certificate to be used as client certificate while TLS handshaking to the upstream server." }, tls_sans_dnsnames: { label: "TLS SANs - DNS names", placeholder: "Enter a DNS name", tooltip: "Additional DNS names that can be matched on the upstream server's TLS certificate.", add: "Add DNS name" }, tls_sans_uris: { label: "TLS SANs - URIs", placeholder: "Enter a URI", tooltip: "Additional URIs that can be matched on the upstream server's TLS certificate.", add: "Add URI" }, ca_certificates: { label: "CA certificates", placeholder: "Enter a comma separated list of CA certificate IDs", select_placeholder: "Select CA certificates", 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" } } } }, Ht = { 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" }, Zt = { success: "Copied {val} to clipboard", success_brief: "Successfully copied to clipboard" }, Qt = { gateway_services: "gateway services" }, Jt = {
+  actions: Ot,
+  search: jt,
+  gateway_services: zt,
+  errors: Ht,
+  copy: Zt,
+  glossary: Qt
+};
+function Xt() {
+  const i = Vt("en-us", Jt);
+  return {
+    i18n: i,
+    i18nT: Et(i)
+    // Translation component <i18n-t>
+  };
+}
+function Yt() {
+  return {
+    getPortFromProtocol: (K, m) => {
+      const d = [80, 443], o = Number(m);
+      if ((o || o === 0) && !d.includes(o))
+        return o;
+      switch (K) {
+        case "grpcs":
+        case "tls":
+        case "https":
+        case "wss":
+          return 443;
+        default:
+          return 80;
+      }
+    }
+  };
+}
+const ea = /^[a-zA-Z0-9]([-a-zA-Z0-9]*[a-zA-Z0-9])?(\.[a-zA-Z0-9]([-a-zA-Z0-9]*[a-zA-Z0-9])?)*(\.)?$/, ta = /^(\d+)\.(\d+)\.(\d+)\.(\d+)$/, aa = (i) => /^[0-9A-Fa-f:.]+$/.test(i) && i.includes(":");
+function sa() {
+  const { i18n: { t: i } } = oe.useI18n();
+  return {
+    validateHost: (v) => {
+      if (!v || v.trim() === "") return i("gateway_services.form.errors.host.empty");
+      try {
+        if (aa(v))
+          return new URL("/", `https://[${v}]`), "";
+        if (ea.test(v) || ta.test(v))
+          return new URL("/", `https://${v}`), "";
+      } catch {
+      }
+      return i("gateway_services.form.errors.host.invalid");
+    },
+    validateProtocol: (v, U) => !v || v.trim() === "" ? i("gateway_services.form.errors.protocol.empty") : (v = v.slice(0, -1), U.find((l) => {
+      if (l.value === v) return l;
+    }) === void 0 ? i("gateway_services.form.errors.protocol.invalid") : ""),
+    validatePath: (v) => !v || v === "" ? "" : v.startsWith("/") ? /[^A-Za-z0-9\-._~:/?#[\]@!$&'()*+,;=%]/.test(v) ? i("gateway_services.form.errors.path.invalid") : "" : i("gateway_services.form.errors.path.prefix"),
+    validatePort: (v) => {
+      if (v == null || v === "")
+        return "";
+      const U = typeof v == "string" ? parseInt(v, 10) : v;
+      return isNaN(U) ? i("gateway_services.form.errors.port.type") : U < 0 || U > 65535 ? i("gateway_services.form.errors.port.invalid") : "";
+    }
+  };
+}
+const oe = {
+  useI18n: Xt,
+  usePortFromProtocol: Yt,
+  useUrlValidators: sa
+}, X = "/v2/control-planes/{controlPlaneId}/core-entities/{workspace}", Ee = "/{workspace}", Z = {
+  list: {
+    konnect: {
+      all: `${X}/services`,
+      search: `${X}/services/search`
+    },
+    kongManager: {
+      all: `${Ee}/services`
+    }
+  },
+  form: {
+    konnect: {
+      create: `${X}/services`,
+      edit: `${X}/services/{id}`,
+      getCertificates: `${X}/certificates`,
+      getCaCertificates: `${X}/ca_certificates`
+    },
+    kongManager: {
+      create: `${Ee}/services`,
+      edit: `${Ee}/services/{id}`,
+      getCertificates: `${Ee}/certificates`,
+      getCaCertificates: `${Ee}/ca_certificates`
+    }
+  },
+  relatedEntities: {
+    konnect: {
+      routes: `${X}/services/{id}/routes`,
+      plugins: `${X}/services/{id}/plugins`
+    }
+  }
+}, la = { class: "kong-ui-entities-gateway-services-list" }, ia = { class: "button-row" }, oa = { key: 1 }, ra = { key: 0 }, na = {
+  key: 1,
+  class: "force-delete-notice"
+}, ca = 1e3, da = /* @__PURE__ */ qe({
+  __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: (i) => !(!i || !["konnect", "kongManager"].includes(i?.app) || !i.createRoute || !i.getViewRoute || !i.getEditRoute || i.app === "kongManager" && !i.isExactMatch && !i.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
+    },
+    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can start debugger session on a given entity */
+    canDebug: {
+      type: Function,
+      required: !1,
+      default: async () => !1
+    },
+    /** 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
+    },
+    canImportSpecs: {
+      type: Boolean,
+      default: !1
+    },
+    /** Feature flag KM-3028-service-force-delete: when enabled, checks for attached routes/plugins before deleting a Konnect gateway service and requires a force-delete confirmation if any are found */
+    enableForceDeleteConfirmation: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["error", "click:learn-more", "copy:success", "copy:error", "delete:success", "toggle:success", "click:import"],
+  setup(i, { emit: K }) {
+    const m = K, d = i, { i18n: { t: o, formatUnixTimeStamp: v } } = oe.useI18n(), U = ft(), { axiosInstance: R } = pt(d.config?.axiosRequestConfig), { hasRecords: l, handleStateChange: A } = It(() => W.value), T = h(() => l.value && d.config.app === "konnect"), Y = h(() => d.config.app !== "kongManager" || !!d.config.disableSorting), re = {
+      // the Name column is non-hidable
+      name: { label: o("gateway_services.list.table_headers.name"), searchable: !0, sortable: !0, hidable: !1 },
+      ...d.config.showControlPlaneColumn ? { control_plane: { label: o("gateway_services.list.table_headers.control_plane") } } : {},
+      protocol: { label: o("gateway_services.list.table_headers.protocol"), searchable: !0, sortable: !0 },
+      host: { label: o("gateway_services.list.table_headers.host"), searchable: !0, sortable: !0 },
+      port: { label: o("gateway_services.list.table_headers.port"), searchable: !0, sortable: !0 },
+      path: { label: o("gateway_services.list.table_headers.path"), searchable: !0, sortable: !0 },
+      enabled: { label: o("gateway_services.list.table_headers.enabled"), searchable: !0, sortable: !0 },
+      tags: { label: o("gateway_services.list.table_headers.tags"), sortable: !1 },
+      updated_at: { label: o("gateway_services.list.table_headers.updated_at"), sortable: !0 },
+      created_at: { label: o("gateway_services.list.table_headers.created_at"), sortable: !0 }
+    }, { defaultTablePreferences: N, tableHeaders: ee } = Ft(re, { created_at: !1 }), me = (f) => {
+      let y = `${d.config.apiBaseUrl}${f}`;
+      return d.config.app === "konnect" && (y = y.replace(/{controlPlaneId}/gi, d.config?.controlPlaneId || "")), y.replace(/\/{workspace}/gi, d.config?.workspace ? `/${d.config.workspace}` : "");
+    }, ne = h(() => me(Z.list[d.config.app].all)), We = h(() => d.config.app === "konnect" && d.config.workspace && W.value ? me(Z.list.konnect.search) : ne.value), Ge = h(() => d.config.apiBaseUrl.startsWith("/") ? new URL(`${window.location.origin}${ne.value}`) : new URL(ne.value)), W = x(""), Pe = h(() => {
+      const f = d.config.app === "konnect" || d.config.isExactMatch;
+      if (f)
+        return {
+          isExactMatch: f,
+          placeholder: o(`search.placeholder.${d.config.app}`)
+        };
+      const { name: y, enabled: V, protocol: I, host: H, port: L, path: ke } = re;
+      return {
+        isExactMatch: f,
+        fields: { name: y, enabled: V, protocol: I, host: H, port: L, path: ke },
+        schema: d.config.filterSchema
+      };
+    }), {
+      fetcher: Oe,
+      fetcherState: $e,
+      fetcherCacheKey: ge
+    } = Pt(h(() => ({ ...d.config, cacheIdentifier: d.cacheIdentifier })), We), je = () => {
+      W.value = "";
+    }, ze = () => {
+      ge.value++;
+    }, ce = x(null), ve = h(() => ({
+      ctaPath: d.config.createRoute,
+      ctaText: z.value ? d.isServerless ? o("actions.serverless_create") : o("actions.create") : void 0,
+      message: `${o("gateway_services.list.empty_state.description")}${d.config.additionMessageForEmptyState ? ` ${d.config.additionMessageForEmptyState}` : ""}`,
+      title: z.value ? d.isServerless ? o("gateway_services.list.empty_state.serverless_title") : o("gateway_services.list.empty_state.title") : o("gateway_services.title")
+    })), ye = x(!1), B = x(null), G = h(() => {
+      const f = {
+        action: "disable",
+        id: "",
+        name: ""
+      };
+      if (B.value) {
+        const { enabled: y, id: V, name: I } = B.value;
+        f.action = y ? "disable" : "enable", f.id = V, f.name = I || V;
+      }
+      return f;
+    }), _e = (f) => {
+      ye.value = !0, B.value = f;
+    }, Te = () => {
+      ye.value = !1, B.value = null;
+    }, He = async () => {
+      if (!await d.canEdit?.(B.value) || !B.value)
+        return;
+      const y = `${Ge.value.href}/${B.value.id}`, V = !B.value.enabled;
+      try {
+        const I = d.config?.app;
+        let H;
+        W.value && I === "konnect" && (H = await R.get(y));
+        const { data: L } = I === "konnect" ? await R.put(y, { ...H?.data || B.value, enabled: V }) : await R.patch(y, { ...B.value, enabled: V });
+        m("toggle:success", L), B.value.enabled = V;
+      } catch (I) {
+        m("error", I);
+      }
+    }, he = (f) => {
+      d.config.getControlPlaneRoute && U.push(d.config.getControlPlaneRoute(f));
+    }, Ze = async (f, y) => {
+      const V = f.id;
+      if (!await y(V)) {
+        m("copy:error", {
+          entity: f,
+          field: "id",
+          message: o("errors.copy")
+        });
+        return;
+      }
+      m("copy:success", {
+        entity: f,
+        field: "id",
+        message: o("copy.success", { val: V })
+      });
+    }, xe = async (f, y) => {
+      const V = JSON.stringify(f);
+      if (!await y(V)) {
+        m("copy:error", {
+          entity: f,
+          message: o("errors.copy")
+        });
+        return;
+      }
+      m("copy:success", {
+        entity: f,
+        message: o("copy.success_brief")
+      });
+    }, Qe = async (f) => {
+      await d.canRetrieve?.(f) && U.push(d.config.getViewRoute(f.id));
+    }, te = (f) => ({
+      label: o("actions.view"),
+      to: d.config.getViewRoute(f)
+    }), Je = (f) => ({
+      label: o("actions.edit"),
+      to: d.config.getEditRoute(f)
+    }), ae = (f) => {
+      if (d.config.getDebugRoute)
+        return {
+          label: o("actions.debugger"),
+          to: d.config.getDebugRoute(f)
+        };
+    }, S = x(void 0), se = x(!1), le = x(!1), be = x(""), e = $t(d.config, ne.value), b = x(0), de = x(0), ie = x(!1), O = x(!1), Xe = h(() => d.enableForceDeleteConfirmation && (O.value || b.value > 0 || de.value > 0)), Q = h(() => d.enableForceDeleteConfirmation && (O.value || b.value > 0)), Re = h(() => d.config.app === "kongManager" ? o("actions.delete.description") : ""), Ae = h(() => {
+      if (O.value)
+        return o("actions.delete.related_entities.check_failed");
+      const f = de.value;
+      return o("actions.delete.related_entities.plugins_only", {
+        pluginCount: f,
+        plugin: o("actions.delete.related_entities.plugin", { count: f })
+      });
+    }), we = async (f, y) => {
+      const V = me(f).replace(/{id}/gi, y), { data: I } = await R.get(V, { params: { size: ca } });
+      return I?.total ?? I?.data?.length ?? 0;
+    }, Ue = async (f) => {
+      if (S.value = f, be.value = "", ie.value = !1, b.value = 0, de.value = 0, O.value = !1, d.enableForceDeleteConfirmation && d.config.app === "konnect")
+        try {
+          const [y, V] = await Promise.all([
+            we(Z.relatedEntities.konnect.routes, f.id),
+            we(Z.relatedEntities.konnect.plugins, f.id)
+          ]);
+          b.value = y, de.value = V;
+        } catch {
+          O.value = !0;
+        }
+      se.value = !0;
+    }, j = () => {
+      se.value = !1, S.value = void 0;
+    }, Ye = async () => {
+      if (S.value?.id) {
+        le.value = !0;
+        try {
+          await R.delete(e(S.value.id), {
+            // Only ever send force=true when the user has explicitly confirmed it via the checkbox,
+            // not merely because routes/plugins were detected
+            ...ie.value ? { params: { force: !0 } } : {}
+          }), m("delete:success", S.value), j(), ge.value++;
+        } catch (f) {
+          be.value = f.response?.data?.message || f.message || o("errors.delete"), m("error", f);
+        } finally {
+          le.value = !1;
+        }
+      }
+    }, J = () => {
+      U.push(d.config.createRoute);
+    };
+    Ke($e, (f) => {
+      if (f.status === Tt.Error) {
+        ce.value = {
+          title: o("errors.general")
+        }, f.error?.response?.data?.message && (ce.value.message = f.error.response.data.message), m("error", f.error);
+        return;
+      }
+      ce.value = null;
+    });
+    const z = x(!1);
+    return ht(async () => {
+      z.value = await d.canCreate();
+    }), (f, y) => {
+      const V = $("KButton"), I = $("KDropdownItem"), H = $("KDropdown"), L = $("KEmptyState"), ke = $("KBadge"), De = $("KInputSwitch"), ue = $("KClipboardProvider"), Be = $("KCheckbox");
+      return p(), w("div", la, [
+        c(t(xt), {
+          "cache-identifier": i.cacheIdentifier,
+          "default-table-preferences": t(N),
+          "disable-sorting": Y.value,
+          "empty-state-options": ve.value,
+          "enable-entity-actions": "",
+          "error-message": ce.value,
+          fetcher: t(Oe),
+          "fetcher-cache-key": t(ge),
+          "pagination-type": "offset",
+          "preferences-storage-key": "kong-ui-entities-gateway-services-list",
+          query: W.value,
+          "table-headers": t(ee),
+          onClearSearchInput: je,
+          "onClick:row": y[5] || (y[5] = (g) => Qe(g)),
+          onSort: ze,
+          onState: t(A)
+        }, Ie({
+          "toolbar-filter": r(() => [
+            c(t(Ut), {
+              modelValue: W.value,
+              "onUpdate:modelValue": y[0] || (y[0] = (g) => W.value = g),
+              config: Pe.value
+            }, null, 8, ["modelValue", "config"])
+          ]),
+          "toolbar-button": r(() => [
+            (p(), D(bt, {
+              disabled: !i.useActionOutside,
+              to: "#kong-ui-app-page-header-action-button"
+            }, [
+              C("div", ia, [
+                T.value ? (p(), D(V, {
+                  key: 0,
+                  appearance: "secondary",
+                  class: "open-learning-hub",
+                  "data-testid": "gateway-services-learn-more-button",
+                  icon: "",
+                  onClick: y[1] || (y[1] = (g) => f.$emit("click:learn-more"))
+                }, {
+                  default: r(() => [
+                    c(t(rt), { decorative: "" })
+                  ]),
+                  _: 1
+                })) : F("", !0),
+                c(t(pe), { "auth-function": i.canCreate }, {
+                  default: r(() => [
+                    c(V, {
+                      appearance: "primary",
+                      "data-testid": "toolbar-add-gateway-service",
+                      size: i.useActionOutside ? "medium" : "large",
+                      to: i.config.createRoute
+                    }, {
+                      default: r(() => [
+                        c(t(Ne)),
+                        P(" " + _(t(o)("gateway_services.list.toolbar_actions.new_gateway_service")), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["size", "to"])
+                  ]),
+                  _: 1
+                }, 8, ["auth-function"])
+              ])
+            ], 8, ["disabled"]))
+          ]),
+          name: r(({ rowValue: g }) => [
+            C("b", null, _(g ?? "-"), 1)
+          ]),
+          control_plane: r(({ row: g }) => [
+            g.x_meta?.cluster_id ? (p(), D(ke, {
+              key: 0,
+              tooltip: g.x_meta.cluster_id,
+              "truncation-tooltip": "",
+              onClick: tt((M) => he(g.x_meta.cluster_id), ["stop"])
+            }, {
+              default: r(() => [
+                P(_(g.x_meta.cluster_id), 1)
+              ]),
+              _: 2
+            }, 1032, ["tooltip", "onClick"])) : (p(), w("b", oa, "-"))
+          ]),
+          enabled: r(({ row: g }) => [
+            c(t(pe), {
+              "auth-function": () => i.canEdit(g),
+              "force-show": ""
+            }, {
+              default: r(({ isAllowed: M }) => [
+                C("div", {
+                  onClick: y[4] || (y[4] = tt(() => {
+                  }, ["stop"]))
+                }, [
+                  c(De, {
+                    modelValue: g.enabled,
+                    "onUpdate:modelValue": (fe) => g.enabled = fe,
+                    "data-testid": `row-${g.id}-toggle-input`,
+                    disabled: !M,
+                    onClick: tt((fe) => _e(g), ["prevent"])
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "disabled", "onClick"])
+                ])
+              ]),
+              _: 2
+            }, 1032, ["auth-function"])
+          ]),
+          tags: r(({ rowValue: g }) => [
+            c(t(At), { tags: g }, null, 8, ["tags"])
+          ]),
+          created_at: r(({ rowValue: g }) => [
+            P(_(t(v)(g)), 1)
+          ]),
+          updated_at: r(({ row: g, rowValue: M }) => [
+            P(_(t(v)(M ?? g.created_at)), 1)
+          ]),
+          managed_by: r(({ rowValue: g }) => [
+            P(_(t(Rt)(g) ?? "-"), 1)
+          ]),
+          actions: r(({ row: g }) => [
+            c(ue, null, {
+              default: r(({ copyToClipboard: M }) => [
+                c(I, {
+                  "data-testid": "action-entity-copy-id",
+                  onClick: (fe) => Ze(g, M)
+                }, {
+                  default: r(() => [
+                    P(_(t(o)("actions.copy_id")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 2
+            }, 1024),
+            c(ue, null, {
+              default: r(({ copyToClipboard: M }) => [
+                c(I, {
+                  "data-testid": "action-entity-copy-json",
+                  onClick: (fe) => xe(g, M)
+                }, {
+                  default: r(() => [
+                    P(_(t(o)("actions.copy_json")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 2
+            }, 1024),
+            c(t(pe), {
+              "auth-function": () => i.canRetrieve(g)
+            }, {
+              default: r(() => [
+                c(I, {
+                  "data-testid": "action-entity-view",
+                  "has-divider": "",
+                  item: te(g.id)
+                }, null, 8, ["item"])
+              ]),
+              _: 2
+            }, 1032, ["auth-function"]),
+            c(t(pe), {
+              "auth-function": () => i.canDebug(g)
+            }, {
+              default: r(() => [
+                i.config.getDebugRoute ? (p(), D(I, {
+                  key: 0,
+                  "data-testid": "action-entity-debug",
+                  item: ae(g.id)
+                }, null, 8, ["item"])) : F("", !0)
+              ]),
+              _: 2
+            }, 1032, ["auth-function"]),
+            c(t(pe), {
+              "auth-function": () => i.canEdit(g)
+            }, {
+              default: r(() => [
+                c(I, {
+                  "data-testid": "action-entity-edit",
+                  item: Je(g.id)
+                }, null, 8, ["item"])
+              ]),
+              _: 2
+            }, 1032, ["auth-function"]),
+            c(t(pe), {
+              "auth-function": () => i.canDelete(g)
+            }, {
+              default: r(() => [
+                c(I, {
+                  danger: "",
+                  "data-testid": "action-entity-delete",
+                  "has-divider": "",
+                  onClick: (M) => Ue(g)
+                }, {
+                  default: r(() => [
+                    P(_(t(o)("actions.delete.menu_label")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 2
+            }, 1032, ["auth-function"])
+          ]),
+          _: 2
+        }, [
+          !W.value && i.config.app === "konnect" ? {
+            name: "empty-state",
+            fn: r(() => [
+              c(L, {
+                "data-testid": "gateway-services-entity-empty-state",
+                "icon-background": "",
+                message: t(o)("gateway_services.empty_state_v2.description"),
+                title: t(o)("gateway_services.empty_state_v2.title")
+              }, Ie({
+                icon: r(() => [
+                  c(t(Ct), { decorative: "" })
+                ]),
+                action: r(() => [
+                  z.value ? (p(), w(Fe, { key: 0 }, [
+                    i.canImportSpecs ? (p(), D(H, {
+                      key: 0,
+                      "data-testid": "entity-create-dropdown",
+                      "show-caret": "",
+                      "trigger-text": t(o)("gateway_services.empty_state_v2.create"),
+                      width: "220"
+                    }, {
+                      items: r(() => [
+                        c(I, {
+                          "data-testid": "entity-create-dropdown-item",
+                          onClick: J
+                        }, {
+                          default: r(() => [
+                            P(_(t(o)("gateway_services.empty_state_v2.create_new")), 1)
+                          ]),
+                          _: 1
+                        }),
+                        c(I, {
+                          "data-testid": "entity-import-dropdown-item",
+                          onClick: y[2] || (y[2] = (g) => f.$emit("click:import"))
+                        }, {
+                          default: r(() => [
+                            P(_(t(o)("gateway_services.empty_state_v2.import_spec")), 1)
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["trigger-text"])) : (p(), D(V, {
+                      key: 1,
+                      "data-testid": "entity-create-button",
+                      onClick: J
+                    }, {
+                      default: r(() => [
+                        c(t(Ne), { decorative: "" }),
+                        P(" " + _(t(o)("gateway_services.empty_state_v2.create")), 1)
+                      ]),
+                      _: 1
+                    }))
+                  ], 64)) : F("", !0),
+                  c(V, {
+                    appearance: "secondary",
+                    "data-testid": "entity-learn-more-button",
+                    onClick: y[3] || (y[3] = (g) => f.$emit("click:learn-more"))
+                  }, {
+                    default: r(() => [
+                      c(t(rt), { decorative: "" }),
+                      P(" " + _(t(o)("gateway_services.empty_state_v2.learn_more")), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 2
+              }, [
+                i.config?.isControlPlaneGroup ? {
+                  name: "default",
+                  fn: r(() => [
+                    P(_(t(o)("gateway_services.empty_state_v2.group")), 1)
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1032, ["message", "title"])
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["cache-identifier", "default-table-preferences", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "query", "table-headers", "onState"]),
+        c(t(Dt), {
+          action: G.value.action,
+          "entity-id": G.value.id,
+          "entity-name": G.value.name,
+          "entity-type": t(o)("glossary.gateway_services"),
+          "on-confirm": He,
+          visible: ye.value,
+          onCancel: Te,
+          onProceed: Te
+        }, null, 8, ["action", "entity-id", "entity-name", "entity-type", "visible"]),
+        c(t(Bt), {
+          "action-pending": le.value,
+          description: Re.value,
+          "entity-name": S.value && (S.value.name || S.value.id),
+          "entity-type": t(Mt).GatewayService,
+          error: be.value,
+          title: t(o)("actions.delete.title"),
+          visible: se.value,
+          onCancel: j,
+          onProceed: Ye
+        }, Ie({ _: 2 }, [
+          Xe.value ? {
+            name: "extra",
+            fn: r(() => [
+              O.value || !Q.value ? (p(), w("p", ra, _(Ae.value), 1)) : (p(), w("p", na, _(t(o)("actions.delete.related_entities.force_delete_notice")), 1)),
+              Q.value ? (p(), D(Be, {
+                key: 2,
+                modelValue: ie.value,
+                "onUpdate:modelValue": y[6] || (y[6] = (g) => ie.value = g),
+                "data-testid": "gateway-service-delete-force-checkbox",
+                description: t(o)("actions.delete.related_entities.force_delete_help"),
+                label: t(o)("actions.delete.related_entities.force_delete_checkbox")
+              }, null, 8, ["modelValue", "description", "label"])) : F("", !0)
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"])
+      ]);
+    };
+  }
+}), st = (i, K) => {
+  const m = i.__vccOpts || i;
+  for (const [d, o] of K)
+    m[d] = o;
+  return m;
+}, Ya = /* @__PURE__ */ st(da, [["__scopeId", "data-v-d2a76c1f"]]), ua = { class: "kong-ui-gateway-service-entity-config-card" }, es = /* @__PURE__ */ qe({
+  __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: (i) => !(!i || !["konnect", "kongManager"].includes(i?.app) || i.app === "konnect" && !i.controlPlaneId || i.app === "kongManager" && typeof i.workspace != "string" || !i.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(i) {
+    const K = i, { i18n: { t: m }, i18nT: d } = oe.useI18n(), o = h(() => Z.form[K.config.app].edit), { getPropValue: v } = mt(), U = (l, A) => v(l, A) === !0 ? m("gateway_services.form.fields.tls_verify_option.true.display") : m("gateway_services.form.fields.tls_verify_option.false.display"), R = x({
+      id: {},
+      name: {
+        tooltip: m("gateway_services.form.fields.name.tooltip")
+      },
+      enabled: {},
+      updated_at: {},
+      created_at: {},
+      protocol: {
+        section: Me.Basic,
+        tooltip: m("gateway_services.form.fields.protocol.tooltip")
+      },
+      host: {
+        section: Me.Basic,
+        tooltip: m("gateway_services.form.fields.host.tooltip")
+      },
+      path: {
+        section: Me.Basic,
+        tooltip: m("gateway_services.form.fields.path.tooltip")
+      },
+      port: {
+        section: Me.Basic,
+        tooltip: m("gateway_services.form.fields.port.tooltip")
+      },
+      tags: {
+        tooltip: m("gateway_services.form.fields.tags.tooltip")
+      },
+      // advanced fields
+      retries: {
+        order: 1,
+        tooltip: m("gateway_services.form.fields.retries.tooltip")
+      },
+      connect_timeout: {
+        order: 2,
+        tooltip: m("gateway_services.form.fields.connect_timeout.tooltip")
+      },
+      write_timeout: {
+        order: 3,
+        tooltip: m("gateway_services.form.fields.write_timeout.tooltip")
+      },
+      read_timeout: {
+        order: 4,
+        tooltip: m("gateway_services.form.fields.read_timeout.tooltip")
+      },
+      client_certificate: {
+        order: 5,
+        tooltip: m("gateway_services.form.fields.client_certificate.tooltip")
+      },
+      ca_certificates: {
+        type: Kt.BadgeTag,
+        label: m("gateway_services.form.fields.ca_certificates.label"),
+        order: 6
+      },
+      tls_verify: {
+        label: m("gateway_services.form.fields.tls_verify_enabled.label")
+      },
+      tls_verify_depth: {
+        hidden: !0
+      }
+    });
+    return (l, A) => (p(), w("div", ua, [
+      c(t(Lt), {
+        config: i.config,
+        "config-card-doc": i.configCardDoc,
+        "config-schema": R.value,
+        "entity-type": t(gt).GatewayService,
+        "fetch-url": o.value,
+        "hide-title": i.hideTitle,
+        "onFetch:error": A[0] || (A[0] = (T) => l.$emit("fetch:error", T)),
+        "onFetch:success": A[1] || (A[1] = (T) => l.$emit("fetch:success", T)),
+        onLoading: A[2] || (A[2] = (T) => l.$emit("loading", T))
+      }, {
+        "enabled-label-tooltip": r(() => [
+          c(t(d), {
+            keypath: "gateway_services.form.fields.enabled.tooltip",
+            scope: "global"
+          }, {
+            false: r(() => [
+              C("code", null, _(t(m)("gateway_services.form.fields.enabled.false")), 1)
+            ]),
+            true: r(() => [
+              C("code", null, _(t(m)("gateway_services.form.fields.enabled.true")), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        "ca_certificates-label-tooltip": r(() => [
+          c(t(d), {
+            keypath: "gateway_services.form.fields.ca_certificates.tooltip",
+            scope: "global"
+          }, {
+            code1: r(() => [
+              C("code", null, _(t(m)("gateway_services.form.fields.ca_certificates.code1")), 1)
+            ]),
+            code2: r(() => [
+              C("code", null, _(t(m)("gateway_services.form.fields.ca_certificates.code2")), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        "tls_verify-label-tooltip": r(() => [
+          c(t(d), {
+            keypath: "gateway_services.form.fields.tls_verify_enabled.tooltip",
+            scope: "global"
+          }, {
+            code1: r(() => [
+              C("code", null, _(t(m)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        tls_verify: r((T) => [
+          P(_(typeof t(v)("rowValue", T) == "boolean" ? U("rowValue", T) : t(m)("gateway_services.form.fields.tls_verify_option.unset.display")), 1)
+        ]),
+        client_certificate: r((T) => [
+          P(_(t(v)("rowValue", T) ? t(v)("rowValue", T).id : "–"), 1)
+        ]),
+        _: 1
+      }, 8, ["config", "config-card-doc", "config-schema", "entity-type", "fetch-url", "hide-title"])
+    ]));
+  }
+}), q = {
+  name: "Kong-Air-Flights-API",
+  protocol: "https",
+  path: "/flights",
+  host: "api.kong-air.com",
+  port: 443
+}, fa = "#d60027", pa = { class: "tls-sans-field-container" }, ma = {
+  key: 0,
+  class: "tls-sans-field-controls"
+}, ga = { key: 0 }, va = /* @__PURE__ */ qe({
+  __name: "GatewayServiceFormTlsSansField",
+  props: {
+    modelValue: {},
+    label: {},
+    tooltip: {},
+    placeholder: {},
+    addButtonText: {},
+    testIdPrefix: {},
+    error: { type: Boolean },
+    readonly: { type: Boolean }
+  },
+  emits: ["update:modelValue", "input"],
+  setup(i, { emit: K }) {
+    const m = i, d = K, o = () => {
+      d("update:modelValue", [...m.modelValue, ""]);
+    }, v = (R) => {
+      const l = [...m.modelValue];
+      l.splice(R, 1), d("update:modelValue", l);
+    }, U = (R, l) => {
+      const A = [...m.modelValue];
+      A[R] = l, d("update:modelValue", A), d("input");
+    };
+    return (R, l) => {
+      const A = $("KLabel"), T = $("KInput"), Y = $("KButton");
+      return p(), w("div", pa, [
+        c(A, { info: i.tooltip }, {
+          default: r(() => [
+            P(_(i.label), 1)
+          ]),
+          _: 1
+        }, 8, ["info"]),
+        (p(!0), w(Fe, null, Le(i.modelValue, (re, N) => (p(), w("div", {
+          key: N,
+          class: "tls-sans-field-input"
+        }, [
+          c(T, {
+            autocomplete: "off",
+            "data-testid": `${i.testIdPrefix}-input-${N}`,
+            error: i.error,
+            "model-value": i.modelValue[N],
+            placeholder: i.placeholder,
+            readonly: i.readonly,
+            type: "text",
+            "onUpdate:modelValue": (ee) => U(N, ee.trim())
+          }, null, 8, ["data-testid", "error", "model-value", "placeholder", "readonly", "onUpdate:modelValue"]),
+          i.readonly ? F("", !0) : (p(), w("div", ma, [
+            c(Y, {
+              appearance: "tertiary",
+              "data-testid": `remove-${i.testIdPrefix}`,
+              icon: "",
+              onClick: (ee) => v(N)
+            }, {
+              default: r(() => [
+                c(t(St), {
+                  color: `var(--kui-color-text-danger, ${t(fa)})`
+                }, null, 8, ["color"])
+              ]),
+              _: 1
+            }, 8, ["data-testid", "onClick"]),
+            c(Y, {
+              appearance: "tertiary",
+              "data-testid": `add-${i.testIdPrefix}`,
+              disabled: N !== i.modelValue.length - 1,
+              icon: "",
+              onClick: o
+            }, {
+              default: r(() => [
+                c(t(Ne))
+              ]),
+              _: 1
+            }, 8, ["data-testid", "disabled"])
+          ]))
+        ]))), 128)),
+        i.modelValue.length === 0 && !i.readonly ? (p(), w("div", ga, [
+          c(Y, {
+            "data-testid": `add-${i.testIdPrefix}`,
+            onClick: o
+          }, {
+            default: r(() => [
+              c(t(Ne)),
+              P(" " + _(i.addButtonText), 1)
+            ]),
+            _: 1
+          }, 8, ["data-testid"])
+        ])) : F("", !0)
+      ]);
+    };
+  }
+}), ut = /* @__PURE__ */ st(va, [["__scopeId", "data-v-4f239c35"]]), ya = { class: "kong-ui-entities-gateway-service-form" }, _a = {
+  key: 0,
+  class: "gateway-service-form-general-info"
+}, ha = { class: "gateway-service-form-group-selection-wrapper" }, ba = {
+  key: 0,
+  class: "gateway-service-form-group-fields"
+}, wa = {
+  key: 0,
+  class: "gateway-service-form-group-fields"
+}, ka = { key: 0 }, Ca = {
+  key: 0,
+  class: "gateway-service-form-advanced-fields"
+}, Sa = { class: "gateway-service-form-margin-bottom" }, Va = { class: "gateway-service-form-margin-bottom" }, Ea = { class: "gateway-service-form-margin-bottom" }, Ia = { class: "gateway-service-form-margin-bottom" }, Fa = {
+  key: 0,
+  class: "gateway-service-form-margin-bottom"
+}, Pa = { class: "certificate-select-item" }, $a = { class: "certificate-select-item-id" }, Ta = {
+  key: 0,
+  class: "certificate-select-item-tags"
+}, xa = {
+  key: 3,
+  class: "gateway-service-form-margin-bottom"
+}, Ra = { class: "certificate-select-item certificate-select-item--stacked" }, Aa = { class: "certificate-select-item-header" }, Ua = { class: "certificate-select-item-id" }, Da = {
+  key: 0,
+  class: "certificate-select-item-tags"
+}, Ba = ["title"], Ma = {
+  key: 4,
+  class: "gateway-service-form-margin-bottom"
+}, Ka = {
+  key: 0,
+  class: "checkbox-aligned-radio"
+}, La = {
+  key: 1,
+  class: "checkbox-aligned-radio"
+}, Na = { class: "gateway-service-form-tags" }, qa = { class: "form-error-list" }, Wa = /* @__PURE__ */ qe({
+  __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: (i) => !(!i || !["konnect", "kongManager"].includes(i?.app) || i.app === "konnect" && !i.controlPlaneId || i.app === "kongManager" && typeof i.workspace != "string" || !i.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: null
+    },
+    /** 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
+    },
+    /** Whether tls_sans fields are supported */
+    isTlsSansSupported: {
+      type: Boolean,
+      required: !1,
+      default: !0
+    },
+    /**
+     * Feature-flag guard for the client/CA certificate select controls.
+     * When `false` (default), the original free-text inputs are shown instead of
+     * the certificate select / multiselect. Host apps should pass the resolved
+     * feature-flag value here.
+     */
+    isCertificateSelectEnabled: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    }
+  },
+  emits: ["update", "error", "url-valid:success", "url-valid:error", "loading", "model-updated", "try-sample-api"],
+  setup(i, { expose: K, emit: m }) {
+    const d = m, o = i, v = x(!0), U = ft(), { i18nT: R, i18n: { t: l } } = oe.useI18n(), { getErrorFieldsFromError: A } = Nt(), { axiosInstance: T } = pt(o.config?.axiosRequestConfig), Y = qt(), { validateHost: re, validatePath: N, validatePort: ee, validateProtocol: me } = oe.useUrlValidators(), { objectsAreEqual: ne } = mt(), {
+      debouncedQueryChange: We,
+      loading: Ge,
+      loadItems: W,
+      results: Pe
+    } = nt(o.config, Z.form[o.config.app].getCertificates), Oe = h(() => new Map((Pe.value ?? []).map((s) => [String(s.id), s.tags ?? []]))), $e = (s) => Oe.value.get(String(s)) ?? [], ge = h(() => {
+      const s = (Pe.value ?? []).map((u) => ({
+        label: u.id,
+        value: u.id
+      })), a = e.fields.client_certificate;
+      return a && !s.some((u) => u.value === a) && s.unshift({ label: a, value: a }), s;
+    }), {
+      debouncedQueryChange: je,
+      loading: ze,
+      loadItems: ce,
+      results: ve
+    } = nt(o.config, Z.form[o.config.app].getCaCertificates), ye = h(() => new Map((ve.value ?? []).map((s) => [String(s.id), s.tags ?? []]))), B = (s) => ye.value.get(String(s)) ?? [], G = x({});
+    let _e = null;
+    const Te = () => (_e || (_e = (async () => (await import("reflect-metadata"), import("@peculiar/x509")))()), _e), He = async (s) => {
+      const a = s.filter((E) => !(String(E.id) in G.value));
+      if (!a.length)
+        return;
+      let u = null;
+      for (const E of a) {
+        const k = String(E.id);
+        if (E.metadata?.issuer) {
+          G.value[k] = E.metadata.issuer;
+          continue;
+        }
+        if (!E.cert) {
+          G.value[k] = "";
+          continue;
+        }
+        try {
+          u ??= await Te(), G.value[k] = new u.X509Certificate(E.cert).issuer;
+        } catch {
+          G.value[k] = "";
+        }
+      }
+    };
+    Ke(ve, (s) => {
+      He(s ?? []);
+    }, { immediate: !0 });
+    const he = (s) => G.value[String(s)] ?? "", Ze = h(() => {
+      const s = (ve.value ?? []).map((a) => ({
+        label: a.id,
+        value: a.id,
+        selected: e.fields.ca_certificates.includes(a.id)
+      }));
+      return e.fields.ca_certificates.forEach((a) => {
+        s.some((u) => u.value === a) || s.unshift({ label: a, value: a, selected: !0 });
+      }), s;
+    }), xe = h({
+      get: () => e.fields.ca_certificates.join(","),
+      set: (s) => {
+        e.fields.ca_certificates = s.split(",");
+      }
+    }), Qe = h(() => Z.form[o.config.app].edit), te = h(() => o.gatewayServiceId ? ct.Edit : ct.Create), Je = x(!1), ae = h(() => !!o.gatewayServiceId), S = x(ae.value ? "protocol" : "url"), se = oe.usePortFromProtocol(), le = x(""), be = h(() => !!le.value || !!J("name")), e = ot({
+      fields: {
+        name: "",
+        protocol: "http",
+        host: "",
+        path: "",
+        port: 80,
+        url: "",
+        retries: 5,
+        connect_timeout: 6e4,
+        write_timeout: 6e4,
+        read_timeout: 6e4,
+        client_certificate: "",
+        tls_sans: { dnsnames: [""], uris: [""] },
+        ca_certificates: [],
+        tls_verify_enabled: !1,
+        tls_verify_value: !1,
+        tags: "",
+        enabled: !0
+      },
+      isReadonly: !1,
+      errorMessages: [],
+      formFieldErrors: {
+        host: "",
+        port: "",
+        path: "",
+        name: "",
+        url: "",
+        tags: "",
+        retries: "",
+        connect_timeout: "",
+        write_timeout: "",
+        read_timeout: "",
+        client_certificate: "",
+        tls_sans_dnsnames: "",
+        tls_sans_uris: "",
+        ca_certificates: "",
+        tls_verify_enabled: "",
+        tls_verify_value: ""
+      }
+    }), b = ot({
+      name: "",
+      protocol: "http",
+      host: "",
+      path: "",
+      port: 80,
+      url: "",
+      retries: 5,
+      connect_timeout: 6e4,
+      write_timeout: 6e4,
+      read_timeout: 6e4,
+      client_certificate: "",
+      tls_sans: { dnsnames: [""], uris: [""] },
+      ca_certificates: [],
+      tls_verify_enabled: !1,
+      tls_verify_value: !1,
+      tags: "",
+      enabled: !0
+    }), de = o.config.app === "konnect" || Wt({
+      gatewayInfo: o.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"]
+      }
+    }), ie = [
+      {
+        label: l("gateway_services.form.fields.protocol.options.http"),
+        value: "http",
+        group: "http"
+      },
+      {
+        label: l("gateway_services.form.fields.protocol.options.https"),
+        value: "https",
+        group: "http"
+      },
+      {
+        label: l("gateway_services.form.fields.protocol.options.tcp"),
+        value: "tcp",
+        group: "tcp"
+      },
+      {
+        label: l("gateway_services.form.fields.protocol.options.tls"),
+        value: "tls",
+        group: "tcp"
+      },
+      {
+        label: l("gateway_services.form.fields.protocol.options.tls_passthrough"),
+        value: "tls_passthrough",
+        group: "tcp"
+      },
+      {
+        label: l("gateway_services.form.fields.protocol.options.grpc"),
+        value: "grpc",
+        group: "grpc"
+      },
+      {
+        label: l("gateway_services.form.fields.protocol.options.grpcs"),
+        value: "grpcs",
+        group: "grpc"
+      },
+      ...de ? [
+        {
+          label: l("gateway_services.form.fields.protocol.options.ws"),
+          value: "ws",
+          group: "websocket"
+        },
+        {
+          label: l("gateway_services.form.fields.protocol.options.wss"),
+          value: "wss",
+          group: "websocket"
+        }
+      ] : [],
+      {
+        label: l("gateway_services.form.fields.protocol.options.udp"),
+        value: "udp",
+        group: "udp"
+      }
+    ], O = { url: "url", protocol: "protocol" }, Xe = (s) => {
+      e.fields.protocol = s.value, e.fields.port = se.getPortFromProtocol(e.fields.protocol, String(e.fields.port));
+    }, Q = (s) => s ? parseFloat(s) : 0, Re = () => {
+      e.fields.host = b.host, e.fields.path = b.path, e.fields.port = b.port, e.fields.protocol = b.protocol, e.fields.url = b.url, e.fields.retries = b.retries, e.fields.connect_timeout = b.connect_timeout, e.fields.write_timeout = b.write_timeout, e.fields.read_timeout = b.read_timeout, e.fields.client_certificate = b.client_certificate, e.fields.tls_sans = {
+        dnsnames: [...b.tls_sans.dnsnames],
+        uris: [...b.tls_sans.uris]
+      }, e.fields.ca_certificates = [...b.ca_certificates], e.fields.tls_verify_enabled = b.tls_verify_enabled, e.fields.tls_verify_value = b.tls_verify_value, e.fields.enabled = b.enabled;
+    }, Ae = () => {
+      v.value = !0, f(), e.errorMessages = [], Re();
+    }, we = () => {
+      switch (Re(), e.fields.name = `${q.name}-${(/* @__PURE__ */ new Date()).toISOString().replace(/\D/g, "").slice(0, 17)}`, S.value) {
+        case "url":
+          e.fields.url = `${q.protocol}://${q.host}${q.path}`;
+          break;
+        case "protocol":
+          e.fields.host = q.host, e.fields.path = q.path, e.fields.protocol = q.protocol, e.fields.port = q.port;
+          break;
+        default:
+          e.fields.url = `${q.protocol}://${q.host}${q.path}`;
+      }
+    }, Ue = () => {
+      if (f(), e.fields.url.length)
+        try {
+          const s = new URL(e.fields.url), a = me(s.protocol, ie);
+          if (a) throw new Error(a);
+          e.fields.protocol = s.protocol.slice(0, -1);
+          const u = re(s.hostname);
+          if (u) throw new Error(u);
+          e.fields.host = s.hostname;
+          const E = N(s.pathname);
+          if (E) throw new Error(E);
+          e.fields.path = s.pathname;
+          const k = ee(s.port);
+          if (k) throw new Error(k);
+          const Se = Number(s.port);
+          Je.value = !!Se, e.fields.port = Se || se.getPortFromProtocol(e.fields.protocol), d("url-valid:success");
+        } catch {
+          d("url-valid:error", l("gateway_services.form.errors.url.invalid")), e.formFieldErrors.url = l("gateway_services.form.errors.url.invalid");
+        }
+    }, j = (s) => {
+      f(s);
+    }, Ye = h(() => !!e.formFieldErrors.url || !!e.formFieldErrors.host || !!e.formFieldErrors.port), J = (s) => {
+      if (e.errorMessages.length) return "";
+      const a = e.formFieldErrors;
+      return a[s] ? a[s] : "";
+    }, z = (s) => {
+      f(s ?? void 0);
+      const a = re(e.fields.host);
+      a && (e.formFieldErrors.host = a);
+      const u = N(e.fields.path);
+      u && (e.formFieldErrors.path = u);
+      const E = ee(e.fields.port);
+      E && (e.formFieldErrors.port = E), y.value ? d("url-valid:success") : d("url-valid:error", e.errorMessages.join(",") || l("gateway_services.form.errors.url.invalid"));
+    }, f = (s) => {
+      if (s)
+        e.formFieldErrors[s] = "";
+      else
+        for (let a in e.formFieldErrors)
+          e.formFieldErrors[a] = "";
+      e.errorMessages = [];
+    }, y = h(() => {
+      for (let s in e.formFieldErrors)
+        if (e.formFieldErrors[s].length)
+          return !1;
+      return !0;
+    }), V = () => {
+      e.fields.url && S.value === "url" ? Ue() : z();
+    }, I = () => `new-service-${(/* @__PURE__ */ new Date()).toISOString().replace(/\D/g, "").slice(0, 17)}`, H = h(() => !["tcp", "tls", "tls_passthrough", "grpc", "grpcs", "udp"].includes(e.fields.protocol)), L = h(() => {
+      if (S.value === "url")
+        return !0;
+      const s = ["https", "wss", "tls"].includes(e.fields.protocol);
+      return S.value === "protocol" && s;
+    }), ke = h(() => {
+      if (S.value === "url")
+        return !0;
+      const s = ["https", "tls"].includes(e.fields.protocol);
+      return S.value === "protocol" && s;
+    }), De = (s) => {
+      f("name"), le.value = Y.utf8Name(s);
+    }, ue = h(() => {
+      const s = !ae.value || !ne(e.fields, b), a = S.value === "url" && !!e.fields.url && y.value, u = S.value === "protocol" && !!e.fields.host && y.value;
+      return s && (a || u);
+    }), Be = (s) => {
+      e.fields.name = s?.name || "", e.fields.tags = s?.tags?.join(", ") || "", e.fields.protocol = s?.protocol || "http", e.fields.path = s?.path || "", e.fields.read_timeout = s?.read_timeout || s?.read_timeout === 0 ? s?.read_timeout : 6e4, e.fields.retries = s?.retries || s?.retries === 0 ? s?.retries : 5, e.fields.host = s?.host || "", e.fields.connect_timeout = s?.connect_timeout || s?.connect_timeout === 0 ? s?.connect_timeout : 6e4, e.fields.tls_verify_enabled = s?.tls_verify !== "" && s?.tls_verify !== null && s?.tls_verify !== void 0, e.fields.tls_verify_value = s?.tls_verify ? s?.tls_verify : !1, e.fields.ca_certificates = s?.ca_certificates ? [...s.ca_certificates] : [], e.fields.client_certificate = s?.client_certificate?.id || "", e.fields.tls_sans = {
+        dnsnames: s?.tls_sans?.dnsnames ?? [""],
+        uris: s?.tls_sans?.uris ?? [""]
+      }, e.fields.write_timeout = s?.write_timeout || s?.write_timeout === 0 ? s?.write_timeout : 6e4, e.fields.port = s?.port || s?.port === 0 ? s?.port : 80, e.fields.enabled = s?.enabled ?? !0, Object.assign(b, e.fields), b.tls_sans = {
+        dnsnames: [...e.fields.tls_sans.dnsnames],
+        uris: [...e.fields.tls_sans.uris]
+      }, b.ca_certificates = [...e.fields.ca_certificates];
+    }, g = () => {
+      U.push(o.config.cancelRoute);
+    }, M = h(() => {
+      let s = `${o.config.apiBaseUrl}${Z.form[o.config.app][te.value]}`;
+      return o.config.app === "konnect" && (s = s.replace(/{controlPlaneId}/gi, o.config?.controlPlaneId || "")), s.replace(/\/{workspace}/gi, o.config?.workspace ? `/${o.config.workspace}` : "").replace(/{id}/gi, o.gatewayServiceId ?? "");
+    }), fe = h(() => {
+      if (!o.isTlsSansSupported)
+        return;
+      if (!L.value)
+        return null;
+      const s = e.fields.tls_sans.dnsnames.map((u) => u.trim()).filter(Boolean), a = e.fields.tls_sans.uris.map((u) => u.trim()).filter(Boolean);
+      return s.length || a.length ? {
+        dnsnames: s.length ? s : null,
+        uris: a.length ? a : null
+      } : null;
+    }), Ce = h(() => {
+      const s = e.fields.ca_certificates.filter((u) => u.trim() !== ""), a = {
+        name: e.fields.name || null,
+        tags: e.fields.tags ? e.fields.tags?.split(",")?.map((u) => String(u || "").trim())?.filter((u) => u !== "") : 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,
+        ca_certificates: s.length ? s : null,
+        client_certificate: e.fields.client_certificate ? { id: e.fields.client_certificate } : null,
+        tls_sans: fe.value,
+        write_timeout: e.fields.write_timeout,
+        port: e.fields.port,
+        url: e.fields.url,
+        enabled: e.fields.enabled
+      };
+      return L.value || (a.client_certificate = null), e.fields.tls_verify_enabled && ["https", "wss", "tls"].includes(e.fields.protocol) && (a.tls_verify = e.fields.tls_verify_value), H.value || (a.path = null), te.value === "create" ? S.value === "url" ? (delete a.protocol, delete a.host, delete a.path, o.config.app === "konnect" && delete a.port) : delete a.url : te.value === "edit" && delete a.url, a;
+    }), et = async () => {
+      try {
+        e.isReadonly = !0;
+        const s = Ce.value;
+        let a;
+        if (te.value === "create" ? a = await T.post(M.value, s) : te.value === "edit" && (a = o.config?.app === "konnect" ? await T.put(M.value, s) : await T.patch(M.value, s)), a) {
+          const { data: u } = a;
+          e.fields.name = u?.name || "", e.fields.port = u.port || se.getPortFromProtocol(u.protocol), e.fields.protocol = u?.protocol || "http", e.fields.host = u?.host || "", e.fields.path = u?.path || "", e.fields.url = u?.url || "", e.fields.retries = u?.retries || u?.retries === 0 ? u?.retries : 5, e.fields.connect_timeout = u?.connect_timeout || u?.connect_timeout === 0 ? u?.connect_timeout : 6e4, e.fields.write_timeout = u?.write_timeout || u?.write_timeout === 0 ? u?.write_timeout : 6e4, e.fields.read_timeout = u?.read_timeout || u?.read_timeout === 0 ? u?.read_timeout : 6e4, e.fields.client_certificate = u?.client_certificate?.id || "", e.fields.tls_sans = {
+            dnsnames: u?.tls_sans?.dnsnames ?? [],
+            uris: u?.tls_sans?.uris ?? []
+          }, e.fields.ca_certificates = u?.ca_certificates?.length ? [...u.ca_certificates] : [], e.fields.tls_verify_enabled = u?.tls_verify !== "" && u?.tls_verify !== null && u?.tls_verify !== void 0, e.fields.tls_verify_value = e.fields.tls_verify_enabled && u?.tls_verify, e.fields.tags = u?.tags?.length ? u.tags.join(", ") : "", e.fields.enabled = u?.enabled ?? !0, Object.assign(b, e.fields), b.tls_sans = {
+            dnsnames: [...e.fields.tls_sans.dnsnames],
+            uris: [...e.fields.tls_sans.uris]
+          }, b.ca_certificates = [...e.fields.ca_certificates], d("update", a?.data);
+        }
+        return a;
+      } catch (s) {
+        const { fields: a, messages: u } = A(s);
+        e.errorMessages = u, a.length && a.forEach((E) => {
+          const k = E.field;
+          k === "client_certificate.id" ? e.formFieldErrors.client_certificate = E.message : k.startsWith("tls_sans.dnsnames") ? e.formFieldErrors.tls_sans_dnsnames = E.message : k.startsWith("tls_sans.uris") ? e.formFieldErrors.tls_sans_uris = E.message : k.startsWith("ca_certificates") ? e.formFieldErrors.ca_certificates = E.message : Object.keys(e.formFieldErrors).includes(k) && (e.formFieldErrors = {
+            ...e.formFieldErrors,
+            [k]: E.message
+          });
+        }), d("error", s);
+      } finally {
+        e.isReadonly = !1;
+      }
+    };
+    return Ke(() => o.gatewayServiceId, () => {
+      Object.assign(e.fields, b);
+    }), Ke(e.fields, () => {
+      d("model-updated", Ce.value);
+    }), wt(() => {
+      d("model-updated", Ce.value), ae.value || (e.fields.name = I()), o.isCertificateSelectEnabled && (W(), ce());
+    }), K({
+      validateUrl: V,
+      getPayload: Ce,
+      saveFormData: et,
+      canSubmit: ue,
+      initForm: Be
+    }), (s, a) => {
+      const u = $("KRadio"), E = $("KButton"), k = $("KInput"), Se = $("KSelect"), lt = $("KBadge"), vt = $("KMultiselect"), yt = $("KCheckbox"), it = $("KCollapse"), _t = $("KAlert");
+      return p(), w("div", ya, [
+        c(t(Gt), {
+          "can-submit": ue.value,
+          config: i.config,
+          "edit-id": i.gatewayServiceId,
+          "entity-type": t(gt).GatewayService,
+          "fetch-url": Qe.value,
+          "form-fields": Ce.value,
+          "is-readonly": e.isReadonly,
+          onCancel: g,
+          "onFetch:error": a[38] || (a[38] = (n) => s.$emit("error", n)),
+          "onFetch:success": Be,
+          onLoading: a[39] || (a[39] = (n) => s.$emit("loading", n)),
+          onSubmit: et
+        }, {
+          "form-actions": r(() => [
+            kt(s.$slots, "form-actions", {
+              canSubmit: ue.value,
+              cancel: g,
+              submit: et
+            }, void 0, !0)
+          ]),
+          default: r(() => [
+            c(t(dt), {
+              description: t(l)("gateway_services.form.sections.keys.description"),
+              "hide-info-header": i.hideSectionsInfo,
+              title: t(l)("gateway_services.form.sections.keys.title")
+            }, {
+              default: r(() => [
+                ae.value ? F("", !0) : (p(), w("div", _a, [
+                  C("div", ha, [
+                    c(u, {
+                      modelValue: S.value,
+                      "onUpdate:modelValue": a[0] || (a[0] = (n) => S.value = n),
+                      card: "",
+                      "card-orientation": "horizontal",
+                      "data-testid": "gateway-service-url-radio",
+                      description: t(l)("gateway_services.form.sections.keys.url.description"),
+                      label: t(l)("gateway_services.form.sections.keys.url.label"),
+                      "selected-value": O.url,
+                      onChange: Ae
+                    }, null, 8, ["modelValue", "description", "label", "selected-value"]),
+                    c(u, {
+                      modelValue: S.value,
+                      "onUpdate:modelValue": a[1] || (a[1] = (n) => S.value = n),
+                      card: "",
+                      "card-orientation": "horizontal",
+                      "checked-group": "protocol",
+                      "data-testid": "gateway-service-protocol-radio",
+                      description: t(l)("gateway_services.form.sections.keys.protocol.description"),
+                      label: t(l)("gateway_services.form.sections.keys.protocol.label"),
+                      "selected-value": O.protocol,
+                      onChange: Ae
+                    }, null, 8, ["modelValue", "description", "label", "selected-value"])
+                  ]),
+                  c(at, { name: "slide-fade" }, {
+                    default: r(() => [
+                      S.value === "url" ? (p(), w("div", ba, [
+                        c(k, {
+                          modelValue: e.fields.url,
+                          "onUpdate:modelValue": a[2] || (a[2] = (n) => e.fields.url = n),
+                          modelModifiers: { trim: !0 },
+                          class: "gateway-service-url-input gateway-service-form-margin-bottom",
+                          "data-testid": "gateway-service-url-input",
+                          error: Ye.value,
+                          "error-message": J("url"),
+                          label: t(l)("gateway_services.form.fields.upstream_url.label"),
+                          "label-attributes": {
+                            info: i.config.app === "konnect" ? t(l)("gateway_services.form.fields.upstream_url.tooltip_for_konnect") : t(l)("gateway_services.form.fields.upstream_url.tooltip_for_km"),
+                            tooltipAttributes: { maxWidth: "400" }
+                          },
+                          name: "url",
+                          placeholder: t(l)("gateway_services.form.fields.upstream_url.placeholder"),
+                          required: "",
+                          onInput: Ue
+                        }, Ie({ _: 2 }, [
+                          i.hideTrySampleApiButton ? void 0 : {
+                            name: "after",
+                            fn: r(() => [
+                              c(E, {
+                                appearance: "tertiary",
+                                "data-testid": "try-sample-api",
+                                size: "small",
+                                onClick: we
+                              }, {
+                                default: r(() => [
+                                  P(_(t(l)("gateway_services.form.buttons.try_sample")), 1)
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            key: "0"
+                          }
+                        ]), 1032, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder"])
+                      ])) : F("", !0)
+                    ]),
+                    _: 1
+                  })
+                ])),
+                c(at, { name: "slide-fade" }, {
+                  default: r(() => [
+                    S.value === "protocol" || ae.value ? (p(), w("div", wa, [
+                      c(Se, {
+                        modelValue: e.fields.protocol,
+                        "onUpdate:modelValue": a[3] || (a[3] = (n) => e.fields.protocol = n),
+                        "data-testid": "gateway-service-protocol-select",
+                        items: ie,
+                        label: t(l)("gateway_services.form.fields.protocol.label"),
+                        "label-attributes": {
+                          info: t(l)("gateway_services.form.fields.protocol.tooltip"),
+                          tooltipAttributes: { maxWidth: "400" }
+                        },
+                        readonly: e.isReadonly,
+                        required: "",
+                        width: "100%",
+                        onSelected: Xe
+                      }, null, 8, ["modelValue", "label", "label-attributes", "readonly"]),
+                      c(k, {
+                        modelValue: e.fields.host,
+                        "onUpdate:modelValue": a[4] || (a[4] = (n) => e.fields.host = n),
+                        modelModifiers: { trim: !0 },
+                        class: "gateway-service-form-margin-top",
+                        "data-testid": "gateway-service-host-input",
+                        error: !!e.formFieldErrors.host,
+                        "error-message": J("host"),
+                        label: t(l)("gateway_services.form.fields.host.label"),
+                        "label-attributes": {
+                          info: t(l)("gateway_services.form.fields.host.tooltip"),
+                          tooltipAttributes: { maxWidth: "400" }
+                        },
+                        name: "host",
+                        placeholder: t(l)("gateway_services.form.fields.host.placeholder"),
+                        required: "",
+                        onInput: a[5] || (a[5] = (n) => z("host"))
+                      }, Ie({ _: 2 }, [
+                        i.hideTrySampleApiButton ? void 0 : {
+                          name: "after",
+                          fn: r(() => [
+                            c(E, {
+                              appearance: "tertiary",
+                              size: "small",
+                              onClick: we
+                            }, {
+                              default: r(() => [
+                                P(_(t(l)("gateway_services.form.buttons.try_sample")), 1)
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          key: "0"
+                        }
+                      ]), 1032, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder"]),
+                      H.value ? (p(), w("div", ka, [
+                        c(k, {
+                          modelValue: e.fields.path,
+                          "onUpdate:modelValue": a[6] || (a[6] = (n) => e.fields.path = n),
+                          modelModifiers: { trim: !0 },
+                          class: "gateway-service-form-margin-top",
+                          "data-testid": "gateway-service-path-input",
+                          error: !!e.formFieldErrors.path,
+                          "error-message": J("path"),
+                          label: t(l)("gateway_services.form.fields.path.label"),
+                          "label-attributes": {
+                            info: t(l)("gateway_services.form.fields.path.tooltip"),
+                            tooltipAttributes: { maxWidth: "400" }
+                          },
+                          name: "path",
+                          placeholder: t(l)("gateway_services.form.fields.path.placeholder"),
+                          onInput: a[7] || (a[7] = (n) => z("path"))
+                        }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder"])
+                      ])) : F("", !0),
+                      c(k, {
+                        modelValue: e.fields.port,
+                        "onUpdate:modelValue": [
+                          a[8] || (a[8] = (n) => e.fields.port = n),
+                          a[10] || (a[10] = () => {
+                            e.fields.port = Q(e.fields.port + "");
+                          })
+                        ],
+                        class: "gateway-service-form-margin-top",
+                        "data-testid": "gateway-service-port-input",
+                        error: !!e.formFieldErrors.port,
+                        "error-message": J("port"),
+                        label: t(l)("gateway_services.form.fields.port.label"),
+                        "label-attributes": {
+                          info: t(l)("gateway_services.form.fields.port.tooltip"),
+                          tooltipAttributes: { maxWidth: "400" }
+                        },
+                        name: "port",
+                        type: "number",
+                        onInput: a[9] || (a[9] = (n) => z("port"))
+                      }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes"])
+                    ])) : F("", !0)
+                  ]),
+                  _: 1
+                }),
+                c(it, {
+                  modelValue: v.value,
+                  "onUpdate:modelValue": a[34] || (a[34] = (n) => v.value = n),
+                  "data-testid": "advanced-fields-collapse",
+                  "trigger-alignment": "leading",
+                  "trigger-label": t(l)("gateway_services.form.sections.keys.viewAdvancedFields")
+                }, {
+                  default: r(() => [
+                    c(at, { name: "slide-fade" }, {
+                      default: r(() => [
+                        v.value ? F("", !0) : (p(), w("div", Ca, [
+                          C("div", Sa, [
+                            c(k, {
+                              modelValue: e.fields.retries,
+                              "onUpdate:modelValue": [
+                                a[11] || (a[11] = (n) => e.fields.retries = n),
+                                a[12] || (a[12] = () => {
+                                  e.fields.retries = Q(e.fields.retries + "");
+                                })
+                              ],
+                              autocomplete: "off",
+                              "data-testid": "gateway-service-retries-input",
+                              label: t(l)("gateway_services.form.fields.retries.label"),
+                              "label-attributes": {
+                                info: t(l)("gateway_services.form.fields.retries.tooltip"),
+                                tooltipAttributes: { maxWidth: "400" }
+                              },
+                              name: "retries",
+                              readonly: e.isReadonly,
+                              type: "number"
+                            }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
+                          ]),
+                          C("div", Va, [
+                            c(k, {
+                              modelValue: e.fields.connect_timeout,
+                              "onUpdate:modelValue": [
+                                a[13] || (a[13] = (n) => e.fields.connect_timeout = n),
+                                a[14] || (a[14] = () => {
+                                  e.fields.connect_timeout = Q(e.fields.connect_timeout + "");
+                                })
+                              ],
+                              autocomplete: "off",
+                              "data-testid": "gateway-service-connTimeout-input",
+                              label: t(l)("gateway_services.form.fields.connect_timeout.label"),
+                              "label-attributes": {
+                                info: t(l)("gateway_services.form.fields.connect_timeout.tooltip"),
+                                tooltipAttributes: { maxWidth: "400" }
+                              },
+                              name: "connTimeout",
+                              readonly: e.isReadonly,
+                              type: "number"
+                            }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
+                          ]),
+                          C("div", Ea, [
+                            c(k, {
+                              modelValue: e.fields.write_timeout,
+                              "onUpdate:modelValue": [
+                                a[15] || (a[15] = (n) => e.fields.write_timeout = n),
+                                a[16] || (a[16] = () => {
+                                  e.fields.write_timeout = Q(e.fields.write_timeout + "");
+                                })
+                              ],
+                              autocomplete: "off",
+                              "data-testid": "gateway-service-writeTimeout-input",
+                              label: t(l)("gateway_services.form.fields.write_timeout.label"),
+                              "label-attributes": {
+                                info: t(l)("gateway_services.form.fields.write_timeout.tooltip"),
+                                tooltipAttributes: { maxWidth: "400" }
+                              },
+                              name: "writeTimeout",
+                              readonly: e.isReadonly,
+                              type: "number"
+                            }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
+                          ]),
+                          C("div", Ia, [
+                            c(k, {
+                              modelValue: e.fields.read_timeout,
+                              "onUpdate:modelValue": [
+                                a[17] || (a[17] = (n) => e.fields.read_timeout = n),
+                                a[18] || (a[18] = () => {
+                                  e.fields.read_timeout = Q(e.fields.read_timeout + "");
+                                })
+                              ],
+                              autocomplete: "off",
+                              "data-testid": "gateway-service-readTimeout-input",
+                              label: t(l)("gateway_services.form.fields.read_timeout.label"),
+                              "label-attributes": {
+                                info: t(l)("gateway_services.form.fields.read_timeout.tooltip"),
+                                tooltipAttributes: { maxWidth: "400" }
+                              },
+                              name: "readTimeout",
+                              readonly: e.isReadonly,
+                              type: "number"
+                            }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
+                          ]),
+                          L.value ? (p(), w("div", Fa, [
+                            i.isCertificateSelectEnabled ? (p(), D(Se, {
+                              key: 0,
+                              modelValue: e.fields.client_certificate,
+                              "onUpdate:modelValue": [
+                                a[19] || (a[19] = (n) => e.fields.client_certificate = n),
+                                a[20] || (a[20] = (n) => j("client_certificate"))
+                              ],
+                              clearable: "",
+                              "data-testid": "gateway-service-clientCert-select",
+                              "enable-filtering": "",
+                              error: !!e.formFieldErrors.client_certificate,
+                              "filter-function": () => !0,
+                              items: ge.value,
+                              label: t(l)("gateway_services.form.fields.client_certificate.label"),
+                              "label-attributes": {
+                                info: t(l)("gateway_services.form.fields.client_certificate.tooltip"),
+                                tooltipAttributes: { maxWidth: "400" }
+                              },
+                              loading: t(Ge),
+                              name: "clientCert",
+                              placeholder: t(l)("gateway_services.form.fields.client_certificate.select_placeholder"),
+                              readonly: e.isReadonly,
+                              width: "100%",
+                              onQueryChange: t(We)
+                            }, {
+                              "item-template": r(({ item: n }) => [
+                                C("div", Pa, [
+                                  C("span", $a, _(n.value), 1),
+                                  $e(n.value).length ? (p(), w("div", Ta, [
+                                    (p(!0), w(Fe, null, Le($e(n.value), (Ve) => (p(), D(lt, {
+                                      key: Ve,
+                                      appearance: "info",
+                                      "max-width": "150",
+                                      "truncation-tooltip": ""
+                                    }, {
+                                      default: r(() => [
+                                        P(_(Ve), 1)
+                                      ]),
+                                      _: 2
+                                    }, 1024))), 128))
+                                  ])) : F("", !0)
+                                ])
+                              ]),
+                              _: 1
+                            }, 8, ["modelValue", "error", "items", "label", "label-attributes", "loading", "placeholder", "readonly", "onQueryChange"])) : (p(), D(k, {
+                              key: 1,
+                              modelValue: e.fields.client_certificate,
+                              "onUpdate:modelValue": a[21] || (a[21] = (n) => e.fields.client_certificate = n),
+                              modelModifiers: { trim: !0 },
+                              autocomplete: "off",
+                              "data-testid": "gateway-service-clientCert-input",
+                              error: !!e.formFieldErrors.client_certificate,
+                              label: t(l)("gateway_services.form.fields.client_certificate.label"),
+                              "label-attributes": {
+                                info: t(l)("gateway_services.form.fields.client_certificate.tooltip"),
+                                tooltipAttributes: { maxWidth: "400" }
+                              },
+                              name: "clientCert",
+                              placeholder: t(l)("gateway_services.form.fields.client_certificate.placeholder"),
+                              readonly: e.isReadonly,
+                              type: "text",
+                              onInput: a[22] || (a[22] = (n) => j("client_certificate"))
+                            }, null, 8, ["modelValue", "error", "label", "label-attributes", "placeholder", "readonly"]))
+                          ])) : F("", !0),
+                          L.value && i.isTlsSansSupported ? (p(), D(ut, {
+                            key: 1,
+                            modelValue: e.fields.tls_sans.dnsnames,
+                            "onUpdate:modelValue": a[23] || (a[23] = (n) => e.fields.tls_sans.dnsnames = n),
+                            "add-button-text": t(l)("gateway_services.form.fields.tls_sans_dnsnames.add"),
+                            class: "gateway-service-form-margin-bottom",
+                            "data-testid": "gateway-service-tls-sans-dnsnames",
+                            error: !!e.formFieldErrors.tls_sans_dnsnames,
+                            label: t(l)("gateway_services.form.fields.tls_sans_dnsnames.label"),
+                            placeholder: t(l)("gateway_services.form.fields.tls_sans_dnsnames.placeholder"),
+                            readonly: e.isReadonly,
+                            "test-id-prefix": "tls-sans-dnsnames",
+                            tooltip: t(l)("gateway_services.form.fields.tls_sans_dnsnames.tooltip"),
+                            onInput: a[24] || (a[24] = (n) => j("tls_sans_dnsnames"))
+                          }, null, 8, ["modelValue", "add-button-text", "error", "label", "placeholder", "readonly", "tooltip"])) : F("", !0),
+                          L.value && i.isTlsSansSupported ? (p(), D(ut, {
+                            key: 2,
+                            modelValue: e.fields.tls_sans.uris,
+                            "onUpdate:modelValue": a[25] || (a[25] = (n) => e.fields.tls_sans.uris = n),
+                            "add-button-text": t(l)("gateway_services.form.fields.tls_sans_uris.add"),
+                            class: "gateway-service-form-margin-bottom",
+                            "data-testid": "gateway-service-tls-sans-uris",
+                            error: !!e.formFieldErrors.tls_sans_uris,
+                            label: t(l)("gateway_services.form.fields.tls_sans_uris.label"),
+                            placeholder: t(l)("gateway_services.form.fields.tls_sans_uris.placeholder"),
+                            readonly: e.isReadonly,
+                            "test-id-prefix": "tls-sans-uris",
+                            tooltip: t(l)("gateway_services.form.fields.tls_sans_uris.tooltip"),
+                            onInput: a[26] || (a[26] = (n) => j("tls_sans_uris"))
+                          }, null, 8, ["modelValue", "add-button-text", "error", "label", "placeholder", "readonly", "tooltip"])) : F("", !0),
+                          ke.value ? (p(), w("div", xa, [
+                            i.isCertificateSelectEnabled ? (p(), D(vt, {
+                              key: 0,
+                              modelValue: e.fields.ca_certificates,
+                              "onUpdate:modelValue": [
+                                a[27] || (a[27] = (n) => e.fields.ca_certificates = n),
+                                a[28] || (a[28] = (n) => j("ca_certificates"))
+                              ],
+                              autosuggest: "",
+                              "data-testid": "gateway-service-ca-certs-select",
+                              error: !!e.formFieldErrors.ca_certificates,
+                              items: Ze.value,
+                              label: t(l)("gateway_services.form.fields.ca_certificates.label"),
+                              "label-attributes": { tooltipAttributes: { maxWidth: "400" } },
+                              loading: t(ze),
+                              placeholder: t(l)("gateway_services.form.fields.ca_certificates.select_placeholder"),
+                              readonly: e.isReadonly,
+                              width: "100%",
+                              onQueryChange: t(je)
+                            }, {
+                              "item-template": r(({ item: n }) => [
+                                C("div", Ra, [
+                                  C("div", Aa, [
+                                    C("span", Ua, _(n.value), 1),
+                                    B(n.value).length ? (p(), w("div", Da, [
+                                      (p(!0), w(Fe, null, Le(B(n.value), (Ve) => (p(), D(lt, {
+                                        key: Ve,
+                                        appearance: "info",
+                                        "max-width": "150",
+                                        "truncation-tooltip": ""
+                                      }, {
+                                        default: r(() => [
+                                          P(_(Ve), 1)
+                                        ]),
+                                        _: 2
+                                      }, 1024))), 128))
+                                    ])) : F("", !0)
+                                  ]),
+                                  he(n.value) ? (p(), w("span", {
+                                    key: 0,
+                                    class: "certificate-select-item-issuer",
+                                    title: he(n.value)
+                                  }, _(he(n.value)), 9, Ba)) : F("", !0)
+                                ])
+                              ]),
+                              "label-tooltip": r(() => [
+                                c(t(R), {
+                                  keypath: "gateway_services.form.fields.ca_certificates.tooltip",
+                                  scope: "global"
+                                }, {
+                                  code1: r(() => [
+                                    C("code", null, _(t(l)("gateway_services.form.fields.ca_certificates.code1")), 1)
+                                  ]),
+                                  code2: r(() => [
+                                    C("code", null, _(t(l)("gateway_services.form.fields.ca_certificates.code2")), 1)
+                                  ]),
+                                  _: 1
+                                })
+                              ]),
+                              _: 1
+                            }, 8, ["modelValue", "error", "items", "label", "loading", "placeholder", "readonly", "onQueryChange"])) : (p(), D(k, {
+                              key: 1,
+                              modelValue: xe.value,
+                              "onUpdate:modelValue": a[29] || (a[29] = (n) => xe.value = n),
+                              modelModifiers: { trim: !0 },
+                              autocomplete: "off",
+                              "data-testid": "gateway-service-ca-certs-input",
+                              error: !!e.formFieldErrors.ca_certificates,
+                              label: t(l)("gateway_services.form.fields.ca_certificates.label"),
+                              "label-attributes": { tooltipAttributes: { maxWidth: "400" } },
+                              placeholder: t(l)("gateway_services.form.fields.ca_certificates.placeholder"),
+                              readonly: e.isReadonly,
+                              type: "text",
+                              onInput: a[30] || (a[30] = (n) => j("ca_certificates"))
+                            }, {
+                              "label-tooltip": r(() => [
+                                c(t(R), {
+                                  keypath: "gateway_services.form.fields.ca_certificates.tooltip",
+                                  scope: "global"
+                                }, {
+                                  code1: r(() => [
+                                    C("code", null, _(t(l)("gateway_services.form.fields.ca_certificates.code1")), 1)
+                                  ]),
+                                  code2: r(() => [
+                                    C("code", null, _(t(l)("gateway_services.form.fields.ca_certificates.code2")), 1)
+                                  ]),
+                                  _: 1
+                                })
+                              ]),
+                              _: 1
+                            }, 8, ["modelValue", "error", "label", "placeholder", "readonly"]))
+                          ])) : F("", !0),
+                          L.value ? (p(), w("div", Ma, [
+                            c(yt, {
+                              modelValue: e.fields.tls_verify_enabled,
+                              "onUpdate:modelValue": a[31] || (a[31] = (n) => e.fields.tls_verify_enabled = n),
+                              "data-testid": "gateway-service-tls-verify-checkbox",
+                              description: t(l)("gateway_services.form.fields.tls_verify_enabled.help"),
+                              label: t(l)("gateway_services.form.fields.tls_verify_enabled.label"),
+                              "label-attributes": { tooltipAttributes: { maxWidth: "400" } }
+                            }, {
+                              tooltip: r(() => [
+                                c(t(R), {
+                                  keypath: "gateway_services.form.fields.tls_verify_enabled.tooltip",
+                                  scope: "global"
+                                }, {
+                                  code1: r(() => [
+                                    C("code", null, _(t(l)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
+                                  ]),
+                                  _: 1
+                                })
+                              ]),
+                              _: 1
+                            }, 8, ["modelValue", "description", "label"]),
+                            e.fields.tls_verify_enabled ? (p(), w("div", Ka, [
+                              c(u, {
+                                modelValue: e.fields.tls_verify_value,
+                                "onUpdate:modelValue": a[32] || (a[32] = (n) => e.fields.tls_verify_value = n),
+                                "data-testid": "gateway-service-tls-verify-true-option",
+                                label: t(l)("gateway_services.form.fields.tls_verify_option.true.label"),
+                                "selected-value": !0
+                              }, null, 8, ["modelValue", "label"])
+                            ])) : F("", !0),
+                            e.fields.tls_verify_enabled ? (p(), w("div", La, [
+                              c(u, {
+                                modelValue: e.fields.tls_verify_value,
+                                "onUpdate:modelValue": a[33] || (a[33] = (n) => e.fields.tls_verify_value = n),
+                                "data-testid": "gateway-service-tls-verify-false-option",
+                                label: t(l)("gateway_services.form.fields.tls_verify_option.false.label"),
+                                "selected-value": !1
+                              }, null, 8, ["modelValue", "label"])
+                            ])) : F("", !0)
+                          ])) : F("", !0)
+                        ]))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue", "trigger-label"])
+              ]),
+              _: 1
+            }, 8, ["description", "hide-info-header", "title"]),
+            c(t(dt), {
+              description: t(l)("gateway_services.form.sections.general.description"),
+              "hide-info-header": i.hideSectionsInfo,
+              title: t(l)("gateway_services.form.sections.general.title")
+            }, {
+              default: r(() => [
+                c(k, {
+                  modelValue: e.fields.name,
+                  "onUpdate:modelValue": a[35] || (a[35] = (n) => e.fields.name = n),
+                  modelModifiers: { trim: !0 },
+                  autocomplete: "off",
+                  "data-testid": "gateway-service-name-input",
+                  error: be.value,
+                  "error-message": le.value,
+                  label: t(l)("gateway_services.form.fields.name.label"),
+                  "label-attributes": {
+                    info: t(l)("gateway_services.form.fields.name.tooltip"),
+                    tooltipAttributes: { maxWidth: "400" }
+                  },
+                  name: "name",
+                  placeholder: t(l)("gateway_services.form.fields.name.placeholder"),
+                  readonly: e.isReadonly,
+                  type: "text",
+                  onInput: De
+                }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder", "readonly"]),
+                c(it, {
+                  "data-testid": "tags-collapse",
+                  "trigger-alignment": "leading",
+                  "trigger-label": t(l)("gateway_services.form.fields.tags.collapse")
+                }, {
+                  default: r(() => [
+                    C("div", Na, [
+                      c(k, {
+                        modelValue: e.fields.tags,
+                        "onUpdate:modelValue": a[36] || (a[36] = (n) => e.fields.tags = n),
+                        modelModifiers: { trim: !0 },
+                        autocomplete: "off",
+                        "data-testid": "gateway-service-tags-input",
+                        help: t(l)("gateway_services.form.fields.tags.help"),
+                        label: t(l)("gateway_services.form.fields.tags.label"),
+                        "label-attributes": {
+                          info: t(l)("gateway_services.form.fields.tags.tooltip"),
+                          tooltipAttributes: { maxWidth: "400" }
+                        },
+                        name: "tags",
+                        placeholder: t(l)("gateway_services.form.fields.tags.placeholder"),
+                        readonly: e.isReadonly,
+                        type: "text",
+                        onInput: a[37] || (a[37] = (n) => f("tags"))
+                      }, null, 8, ["modelValue", "help", "label", "label-attributes", "placeholder", "readonly"])
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["trigger-label"])
+              ]),
+              _: 1
+            }, 8, ["description", "hide-info-header", "title"]),
+            e.errorMessages.length ? (p(), D(_t, {
+              key: 0,
+              appearance: "danger",
+              "data-testid": "form-error"
+            }, {
+              default: r(() => [
+                C("ul", qa, [
+                  (p(!0), w(Fe, null, Le(e.errorMessages, (n) => (p(), w("li", { key: n }, _(n), 1))), 128))
+                ])
+              ]),
+              _: 1
+            })) : F("", !0)
+          ]),
+          _: 3
+        }, 8, ["can-submit", "config", "edit-id", "entity-type", "fetch-url", "form-fields", "is-readonly"])
+      ]);
+    };
+  }
+}), ts = /* @__PURE__ */ st(Wa, [["__scopeId", "data-v-a9f81e18"]]), { validateHost: Ga, validatePort: Oa, validateProtocol: ja, validatePath: za } = oe.useUrlValidators(), as = () => ({
+  validateHost: Ga,
+  validatePort: Oa,
+  validateProtocol: ja,
+  validatePath: za
+});
+export {
+  es as GatewayServiceConfigCard,
+  ts as GatewayServiceForm,
+  Ya as GatewayServiceList,
+  as as useUrlValidator
+};