@kong-ui-public/entities-routes 3.16.26-pr.2701.377d8f5a8.0 → 3.16.27

package/dist/index-CL0sBDYW.js

@@ -0,0 +1,2615 @@
+import { defineComponent as z, ref as B, computed as M, resolveComponent as H, createElementBlock as O, openBlock as m, createVNode as d, unref as o, withCtx as n, createBlock as x, toDisplayString as k, inject as xe, createCommentVNode as P, createElementVNode as V, mergeModels as Y, useModel as X, createTextVNode as U, TransitionGroup as me, Fragment as G, renderList as le, nextTick as st, defineAsyncComponent as lt, h as Fe, onMounted as Qe, renderSlot as Pe, resolveDynamicComponent as Ke, watch as ye, reactive as Ne, onBeforeMount as Ye, provide as rt, createSlots as qe, withModifiers as ke, Teleport as it } from "vue";
+import { useAxios as Le, ConfigurationSchemaType as fe, ConfigurationSchemaSection as ce, EntityBaseConfigCard as at, SupportedEntityType as Ze, InternalLinkItem as nt, useErrors as dt, useGatewayFeatureSupported as ut, EntityBaseFormType as Be, useDebouncedFilter as ct, EntityBaseForm as pt, EntityFormSection as Ge, useTableState as ft, useFetcher as mt, useDeleteUrlBuilder as vt, FetcherStatus as ht, EntityBaseTable as gt, PermissionsWrapper as He, TableTags as yt, EntityFilter as St, EntityDeleteModal as bt, EntityTypes as _t } from "@kong-ui-public/entities-shared";
+import { createI18n as Tt, i18nTComponent as It } from "@kong-ui-public/i18n";
+import We from "lodash.isequal";
+import { useRouter as et } from "vue-router";
+import { AddIcon as $e, CloseIcon as Et, RocketIcon as Rt, InfoIcon as At, BookIcon as je, ForwardIcon as Ot } from "@kong/icons";
+import { BadgeMethodAppearances as kt } from "@kong/kongponents";
+const te = "/v2/control-planes/{controlPlaneId}/core-entities", oe = "/{workspace}", Se = {
+  list: {
+    konnect: {
+      all: `${te}/routes`,
+      forGatewayService: `${te}/services/{serviceId}/routes`
+    },
+    kongManager: {
+      all: `${oe}/routes`,
+      forGatewayService: `${oe}/services/{serviceId}/routes`
+    }
+  },
+  form: {
+    konnect: {
+      services: `${te}/services`,
+      create: {
+        all: `${te}/routes`,
+        forGatewayService: `${te}/services/{serviceId}/routes`
+      },
+      fetch: {
+        all: `${te}/routes/{id}`,
+        forGatewayService: `${te}/services/{serviceId}/routes/{id}`
+      },
+      edit: {
+        all: `${te}/routes/{id}`,
+        forGatewayService: `${te}/services/{serviceId}/routes/{id}`
+      }
+    },
+    kongManager: {
+      services: `${oe}/services`,
+      create: {
+        all: `${oe}/routes`,
+        forGatewayService: `${oe}/services/{serviceId}/routes`
+      },
+      fetch: {
+        all: `${oe}/routes/{id}`,
+        forGatewayService: `${oe}/services/{serviceId}/routes/{id}`
+      },
+      edit: {
+        all: `${oe}/routes/{id}`,
+        forGatewayService: `${oe}/services/{serviceId}/routes/{id}`
+      }
+    }
+  },
+  item: {
+    konnect: {
+      getService: `${te}/services/{serviceId}`,
+      all: `${te}/routes/{id}`,
+      forGatewayService: `${te}/services/{serviceId}/routes/{id}`
+    },
+    kongManager: {
+      getService: `${oe}/services/{serviceId}`,
+      all: `${oe}/routes/{id}`,
+      forGatewayService: `${oe}/services/{serviceId}/routes/{id}`
+    }
+  }
+}, Ht = {
+  create: "New route",
+  copy_id: "Copy ID",
+  copy_json: "Copy JSON",
+  edit: "Edit",
+  delete: "Delete",
+  clear: "Clear",
+  view: "View Details",
+  loading: "Loading..."
+}, Nt = {
+  placeholder: {
+    konnect: "Filter by name",
+    exact: "Filter by exact name or ID",
+    kongManager: "Filter by exact name or ID"
+  },
+  no_results: "No results found"
+}, Ct = {
+  title: "Routes",
+  list: {
+    toolbar_actions: {
+      new_route: "New route"
+    },
+    table_headers: {
+      name: "Name",
+      protocols: "Protocols",
+      hosts: "Hosts",
+      methods: "Methods",
+      paths: "Paths",
+      expression: "Expression",
+      id: "ID",
+      tags: "Tags",
+      created_at: "Created At",
+      updated_at: "Last Modified"
+    },
+    empty_state: {
+      title: "Configure a New Route",
+      description: "Routes proxy requests to an associated Service."
+    },
+    empty_state_v2: {
+      title: "Configure your first route",
+      group: "Routes created in gateways within this group will automatically appear here.",
+      description: "Routes direct incoming API requests to the appropriate gateway service based on paths, methods, and headers, ensuring efficient traffic flow.",
+      learn_more: "Learn more"
+    }
+  }
+}, xt = {
+  general: "Routes could not be retrieved",
+  delete: "The route could not be deleted at this time.",
+  copy: "Failed to copy to clipboard",
+  services: {
+    fetch: "Could not fetch available services"
+  }
+}, wt = {
+  success: "Copied {val} to clipboard",
+  success_brief: "Successfully copied to clipboard"
+}, Vt = {
+  config_flavor: {
+    label: "Define by"
+  },
+  config_types: {
+    basic: {
+      description: "Quickly set up a route with HTTP & HTTPS protocol with the essentials: path, method, and host.",
+      label: "Basic"
+    },
+    advanced: {
+      description: "Define complex route logic with other protocols or additional paths or attributes such as headers.",
+      label: "Advanced"
+    }
+  },
+  protocols: {
+    grpc: "GRPC",
+    grpcs: "GRPCS",
+    "grpc,grpcs": "GRPC, GRPCS",
+    http: "HTTP",
+    https: "HTTPS",
+    "http,https": "HTTP, HTTPS",
+    tls: "TLS",
+    tcp: "TCP",
+    udp: "UDP",
+    "tls,udp": "TLS, UDP",
+    "tcp,udp": "TCP, UDP",
+    "tcp,tls": "TCP, TLS",
+    "tcp,tls,udp": "TCP, TLS, UDP",
+    ws: "WS",
+    wss: "WSS",
+    "ws,wss": "WS, WSS",
+    tls_passthrough: "TLS_PASSTHROUGH"
+  },
+  sections: {
+    general: {
+      title: "General Information",
+      description: "General information will help you identify and manage this route"
+    },
+    config: {
+      title: "Route Configuration",
+      description: "Route configuration determines how this route will handle incoming requests"
+    },
+    routingRules: {
+      title: "Routing Rules"
+    },
+    routingExpression: {
+      title: "Routing Expression"
+    }
+  },
+  fields: {
+    service_id: {
+      label: "Service",
+      placeholder: "Select a service"
+    },
+    name: {
+      label: "Name",
+      placeholder: "Enter a unique name",
+      tooltip: "The name of the Route. Route names must be unique, and they are case sensitive. For example, there can be two different Routes named 'test' and 'Test'."
+    },
+    service: {
+      label: "Gateway Service",
+      tooltip: "The Service this Route is associated to. This is where the Route proxies traffic to."
+    },
+    tags: {
+      label: "Tags",
+      tooltip: "An optional set of strings associated with the Route for grouping and filtering.",
+      placeholder: "Enter a list of tags separated by commas",
+      help: "e.g. tag1, tag2, tag3"
+    },
+    protocols: {
+      label: "Protocols",
+      tooltip: "The protocols this route supports."
+    },
+    path_handling: {
+      label: "Path Handling",
+      tooltip: "Controls how Kong modifies the request path before proxying to the upstream service. Use v1 for standardized, predictable path behavior. Use v0 for legacy compatibility."
+    },
+    https_redirect_status_code: {
+      label: "HTTPS Redirect Status Code",
+      tooltip: "Specifies the HTTP status code for redirecting requests from HTTP to HTTPS. Use <code>301</code> or <code>308</code> for permanent redirects, <code>302</code> or <code>307</code> for temporary redirects."
+    },
+    regex_priority: {
+      label: "Regex Priority",
+      tooltip: "Regex priority is determined by length first (longer patterns win), and when lengths are the same, more specific regexes are preferred.  When two routes match the path and have the same <code>regex_priority</code>, the older one (lowest <code>created_at</code>) is used."
+    },
+    strip_path: {
+      label: "Strip Path",
+      tooltip: "When enabled, Kong removes the portion of the request path that matches the route's path before forwarding the request to the upstream. If the request exactly matches the route, the result is <code>/</code>. Disable if that's not desired."
+    },
+    preserve_host: {
+      label: "Preserve Host",
+      tooltip: "Keeps the original <code>Host</code> header when proxying requests. Enable this if the upstream service requires the client's <code>Host</code> value. Disable if the service expects its own hostname."
+    },
+    paths: {
+      add: "Add a path",
+      label: "Paths",
+      label_singular: "Path",
+      placeholder: "e.g. /api/v1",
+      singular: "path",
+      tooltip: "Match specific URL paths, such as <code>/api/v1</code>. Prefix with <code>~</code> to enable regex-based matching."
+    },
+    snis: {
+      add: "Add an SNI",
+      label: "SNIs",
+      placeholder: "e.g. api.example.com",
+      singular: "SNI",
+      tooltip: "SNIs (Server Name Indications) that match the route when using stream routing."
+    },
+    hosts: {
+      add: "Add a host",
+      label: "Hosts",
+      label_singular: "Host",
+      placeholder: "e.g. example.com",
+      singular: "host",
+      tooltip: "Match specific domain names, such as <code>api.example.com</code>."
+    },
+    methods: {
+      label: "Methods",
+      placeholder: "Select methods",
+      search_placeholder: "Search for a method or enter a custom method",
+      singular: "method",
+      tooltip: "Match specific HTTP methods, such as GET or POST. If no method is selected, all methods are included.",
+      custom: {
+        label: "Custom",
+        placeholder: "Enter a custom method",
+        tooltip: "Custom methods can be used with default selections. Uppercase characters are required."
+      }
+    },
+    headers: {
+      add: "Add a header",
+      label: "Headers",
+      singular: "header",
+      tooltip: "Match specific headers, such as <code>x-api-version</code> or <code>x-region</code>. Doesn't accept the <code>Host</code> header. Provide only one entry and prefix with <code>~</code> to enable regex-based matching.",
+      name: {
+        placeholder: "e.g. x-api-version"
+      },
+      values: {
+        placeholder: "e.g. v1"
+      }
+    },
+    sources: {
+      add: "Add a source",
+      label: "Sources",
+      singular: "source",
+      tooltip: "A list of IP sources of incoming connections that match this Route when using stream routing.",
+      ip: {
+        placeholder: "Enter a source IP"
+      },
+      port: {
+        placeholder: "Enter a source port"
+      }
+    },
+    destinations: {
+      add: "Add a destination",
+      label: "Destinations",
+      singular: "destination",
+      tooltip: "A list of IP destinations of incoming connections that match this Route when using stream routing.",
+      ip: {
+        placeholder: "Enter a destination IP"
+      },
+      port: {
+        placeholder: "Enter a destination port"
+      }
+    },
+    response_buffering: {
+      label: "Response buffering",
+      tooltip: "Reads and buffers the full response from the upstream service before sending it to the client. Enable buffering if the client expects the complete response at once. Disable for faster streaming of large or chunked responses."
+    },
+    request_buffering: {
+      label: "Request buffering",
+      tooltip: "Reads and buffers the full request body before proxying. Enable buffering if the upstream service requires the complete request before processing. Disable for faster streaming of large or chunked requests."
+    },
+    expression: {
+      label: "Expression",
+      tooltip: "The route expression."
+    },
+    priority: {
+      label: "Priority",
+      tooltip: "A number used to choose which route resolves a given request when several routes match it using expression simultaneously."
+    }
+  },
+  flavors: {
+    traditional: "Traditional Form",
+    expressions: "Expressions Editor"
+  },
+  show_more: "Show more",
+  hint: {
+    rules_message: "Choose at least one {routingRules} option.",
+    single_rule: "{routingRules}",
+    multiple_rules: "{routingRules} or {lastRoutingRule}",
+    advanced: "To add more than one, use the Advanced options."
+  },
+  warning: {
+    cannotChangeFlavor: {
+      create: "The format of the route cannot be changed once created.",
+      edit: "This route was configured in the {format} format, and cannot be changed after creation. You can switch to the {format} tab to edit, or create a new route in a different format instead."
+    }
+  },
+  expressions_editor: {
+    loading: "Loading the Expressions editor…",
+    error: "Error occurred while loading the Expressions editor. Please view the console for more details."
+  },
+  expression_playground: {
+    test_link: "Test with Router Playground",
+    supported_protocols_hint: "Currently only supports the following protocols: {protocols}"
+  }
+}, Mt = {
+  actions: Ht,
+  search: Nt,
+  routes: Ct,
+  delete: {
+    title: "Delete a Route",
+    description: "Deleting this route will also remove any associated plugins. This action cannot be reversed."
+  },
+  errors: xt,
+  copy: wt,
+  form: Vt
+};
+function Dt() {
+  const e = Tt("en-us", Mt);
+  return {
+    i18n: e,
+    i18nT: It(e)
+    // Translation component <i18n-t>
+  };
+}
+const J = {
+  useI18n: Dt
+}, $t = { class: "kong-ui-entities-route-entity-config-card" }, Ut = { key: 2 }, us = /* @__PURE__ */ z({
+  __name: "RouteConfigCard",
+  props: {
+    /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
+    config: {
+      type: Object,
+      required: !0,
+      validator: (e) => !(!e || !["konnect", "kongManager"].includes(e == null ? void 0 : e.app) || e.app === "konnect" && !e.controlPlaneId || e.app === "kongManager" && typeof e.workspace != "string" || !e.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
+    },
+    /** The id of the service with which the route is associated */
+    serviceId: {
+      type: String,
+      required: !1,
+      default: ""
+    }
+  },
+  emits: ["loading", "fetch:error", "fetch:success", "navigation-click"],
+  setup(e, { emit: C }) {
+    var F;
+    const f = C, l = e, { axiosInstance: a } = Le((F = l.config) == null ? void 0 : F.axiosRequestConfig), { i18n: { t: v } } = J.useI18n(), i = B(""), A = B(""), h = B(!1), g = M(
+      () => {
+        var r, u;
+        return (u = Se.item[(r = l.config) == null ? void 0 : r.app]) == null ? void 0 : u[l.serviceId ? "forGatewayService" : "all"].replace(/{serviceId}/gi, l.serviceId);
+      }
+    ), p = M(() => {
+      var r;
+      return (r = Se.item[l.config.app]) == null ? void 0 : r.getService;
+    }), y = async (r) => {
+      var S, D, se;
+      if (i.value = l.serviceId || ((S = r == null ? void 0 : r.service) == null ? void 0 : S.id), f("fetch:success", r), !i.value)
+        return;
+      let u = `${l.config.apiBaseUrl}${p.value}`;
+      l.config.app === "konnect" ? u = u.replace(/{controlPlaneId}/gi, ((D = l.config) == null ? void 0 : D.controlPlaneId) || "").replace(/{serviceId}/gi, i.value || "") : l.config.app === "kongManager" && (u = u.replace(/\/{workspace}/gi, (se = l.config) != null && se.workspace ? `/${l.config.workspace}` : "").replace(/{serviceId}/gi, i.value || ""));
+      try {
+        h.value = !0;
+        const { data: j } = await a.get(u);
+        A.value = (j == null ? void 0 : j.name) || (j == null ? void 0 : j.id);
+      } catch (j) {
+        f("fetch:error", j);
+      } finally {
+        h.value = !1;
+      }
+    }, w = B({
+      id: {},
+      name: {
+        tooltip: v("form.fields.name.tooltip")
+      },
+      created_at: {},
+      updated_at: {},
+      service: {
+        label: v("form.fields.service.label"),
+        section: ce.Basic,
+        tooltip: v("form.fields.service.tooltip"),
+        order: 5
+      },
+      tags: {
+        tooltip: v("form.fields.tags.tooltip"),
+        order: 6
+      },
+      protocols: {
+        section: ce.Basic,
+        tooltip: v("form.fields.protocols.tooltip"),
+        type: fe.BadgeTag,
+        order: 7
+      },
+      paths: {
+        section: ce.Basic,
+        tooltip: v("form.fields.paths.tooltip"),
+        type: fe.CopyBadge,
+        order: 8
+      },
+      hosts: {
+        section: ce.Basic,
+        tooltip: v("form.fields.hosts.tooltip"),
+        type: fe.CopyBadge,
+        order: 9
+      },
+      snis: {
+        label: v("form.fields.snis.label"),
+        tooltip: v("form.fields.snis.tooltip"),
+        order: 10
+      },
+      headers: {
+        section: ce.Basic,
+        tooltip: v("form.fields.headers.tooltip"),
+        order: 11
+      },
+      methods: {
+        section: ce.Basic,
+        tooltip: v("form.fields.methods.tooltip"),
+        type: fe.BadgeMethod,
+        order: 12
+      },
+      sources: {
+        section: ce.Basic,
+        tooltip: v("form.fields.sources.tooltip"),
+        type: fe.JsonArray,
+        order: 13
+      },
+      destinations: {
+        section: ce.Basic,
+        tooltip: v("form.fields.destinations.tooltip"),
+        type: fe.JsonArray,
+        order: 14
+      },
+      // advanced fields
+      https_redirect_status_code: {
+        tooltip: v("form.fields.https_redirect_status_code.tooltip"),
+        order: 1
+      },
+      regex_priority: {
+        tooltip: v("form.fields.regex_priority.tooltip"),
+        order: 2
+      },
+      strip_path: {
+        tooltip: v("form.fields.strip_path.tooltip"),
+        order: 3
+      },
+      preserve_host: {
+        tooltip: v("form.fields.preserve_host.tooltip"),
+        order: 4
+      },
+      request_buffering: {
+        tooltip: v("form.fields.request_buffering.tooltip"),
+        order: 5
+      },
+      response_buffering: {
+        tooltip: v("form.fields.response_buffering.tooltip"),
+        order: 6
+      },
+      path_handling: {
+        tooltip: v("form.fields.path_handling.tooltip"),
+        order: 7
+      }
+    });
+    return (r, u) => {
+      const S = H("KSkeleton");
+      return m(), O("div", $t, [
+        d(o(at), {
+          config: e.config,
+          "config-card-doc": e.configCardDoc,
+          "config-schema": w.value,
+          "entity-type": o(Ze).Route,
+          "fetch-url": g.value,
+          "hide-title": e.hideTitle,
+          "onFetch:error": u[0] || (u[0] = (D) => r.$emit("fetch:error", D)),
+          "onFetch:success": y,
+          onLoading: u[1] || (u[1] = (D) => r.$emit("loading", D))
+        }, {
+          service: n(({ row: D }) => [
+            h.value ? (m(), x(S, {
+              key: 0,
+              "data-testid": "service-name-loader",
+              type: "spinner"
+            })) : D.value && D.value.id === i.value && A.value ? (m(), x(o(nt), {
+              key: 1,
+              item: {
+                key: D.value.id,
+                value: A.value,
+                type: o(fe).LinkInternal
+              },
+              onNavigationClick: () => r.$emit("navigation-click", D.value.id, "services")
+            }, null, 8, ["item", "onNavigationClick"])) : (m(), O("div", Ut, k("-")))
+          ]),
+          _: 1
+        }, 8, ["config", "config-card-doc", "config-schema", "entity-type", "fetch-url", "hide-title"])
+      ]);
+    };
+  }
+});
+var q = /* @__PURE__ */ ((e) => (e.TRADITIONAL = "traditional", e.EXPRESSIONS = "expressions", e))(q || {}), s = /* @__PURE__ */ ((e) => (e.PATHS = "paths", e.SNIS = "snis", e.HOSTS = "hosts", e.METHODS = "methods", e.HEADERS = "headers", e.SOURCES = "sources", e.DESTINATIONS = "destinations", e))(s || {}), ge = /* @__PURE__ */ ((e) => (e.LOADING = "loading", e.ERROR = "error", e.READY = "ready", e))(ge || {}), be = /* @__PURE__ */ ((e) => (e.GET = "GET", e.PUT = "PUT", e.POST = "POST", e.PATCH = "PATCH", e.DELETE = "DELETE", e.OPTIONS = "OPTIONS", e.HEAD = "HEAD", e.CONNECT = "CONNECT", e.TRACE = "TRACE", e))(be || {});
+const Xe = (e) => e.routeFlavors.traditional === !0, ze = (e) => e.routeFlavors.expressions === !0, W = {
+  [s.PATHS]: [""],
+  [s.SNIS]: [""],
+  [s.HOSTS]: [""],
+  [s.METHODS]: [],
+  [s.HEADERS]: [{ header: "", values: "" }],
+  [s.SOURCES]: [{ ip: "", port: null }],
+  [s.DESTINATIONS]: [{ ip: "", port: null }]
+}, Ue = {
+  http: [s.PATHS, s.METHODS, s.HOSTS, s.HEADERS],
+  https: [s.PATHS, s.METHODS, s.HOSTS, s.HEADERS, s.SNIS],
+  "http,https": [s.PATHS, s.METHODS, s.HOSTS, s.HEADERS, s.SNIS],
+  "https,http": [s.PATHS, s.METHODS, s.HOSTS, s.HEADERS, s.SNIS],
+  grpc: [s.PATHS, s.HOSTS, s.HEADERS],
+  grpcs: [s.PATHS, s.HOSTS, s.HEADERS, s.SNIS],
+  "grpc,grpcs": [s.PATHS, s.HOSTS, s.HEADERS, s.SNIS],
+  "grpcs,grpc": [s.PATHS, s.HOSTS, s.HEADERS, s.SNIS],
+  udp: [s.SOURCES, s.DESTINATIONS],
+  tls: [s.SOURCES, s.DESTINATIONS, s.SNIS],
+  tcp: [s.SOURCES, s.DESTINATIONS],
+  "tls,udp": [s.SOURCES, s.DESTINATIONS, s.SNIS],
+  "udp,tls": [s.SOURCES, s.DESTINATIONS, s.SNIS],
+  "tcp,udp": [s.SOURCES, s.DESTINATIONS],
+  "udp,tcp": [s.SOURCES, s.DESTINATIONS],
+  "tcp,tls": [s.SOURCES, s.DESTINATIONS, s.SNIS],
+  "tls,tcp": [s.SOURCES, s.DESTINATIONS, s.SNIS],
+  "tcp,tls,udp": [s.SOURCES, s.DESTINATIONS, s.SNIS],
+  "tls,udp,tcp": [s.SOURCES, s.DESTINATIONS, s.SNIS],
+  "udp,tcp,tls": [s.SOURCES, s.DESTINATIONS, s.SNIS],
+  tls_passthrough: [s.SNIS],
+  ws: [s.PATHS, s.HOSTS, s.HEADERS],
+  wss: [s.PATHS, s.HOSTS, s.HEADERS, s.SNIS],
+  "ws,wss": [s.PATHS, s.HOSTS, s.HEADERS, s.SNIS],
+  "wss,ws": [s.PATHS, s.HOSTS, s.HEADERS, s.SNIS]
+}, tt = [
+  { label: "426", value: 426 },
+  { label: "301", value: 301 },
+  { label: "302", value: 302 },
+  { label: "307", value: 307 },
+  { label: "308", value: 308 }
+], Pt = [
+  { label: "v0", value: "v0" },
+  { label: "v1", value: "v1" }
+], Ce = {
+  https_redirect_status_code: 426,
+  strip_path: !0,
+  preserve_host: !1,
+  request_buffering: !0,
+  response_buffering: !0
+}, Lt = {
+  ...Ce,
+  paths: [""],
+  regex_priority: 0,
+  path_handling: "v0",
+  expression: "",
+  priority: 0
+}, Ft = /* @__PURE__ */ z({
+  __name: "RuleControlsAdd",
+  props: {
+    routingRulesEntity: {}
+  },
+  emits: ["add"],
+  setup(e, { emit: C }) {
+    const f = e, l = C, a = xe("configType", "basic"), { i18n: { t: v } } = J.useI18n(), i = M(() => v(`form.fields.${f.routingRulesEntity}.add`));
+    return (A, h) => {
+      const g = H("KButton");
+      return o(a) !== "basic" ? (m(), x(g, {
+        key: 0,
+        appearance: "tertiary",
+        class: "routing-rule-add-item-button",
+        "data-testid": `add-${e.routingRulesEntity}`,
+        onClick: h[0] || (h[0] = (p) => l("add"))
+      }, {
+        default: n(() => [
+          d(o($e)),
+          V("span", null, k(i.value), 1)
+        ]),
+        _: 1
+      }, 8, ["data-testid"])) : P("", !0);
+    };
+  }
+}), Z = (e, C) => {
+  const f = e.__vccOpts || e;
+  for (const [l, a] of C)
+    f[l] = a;
+  return f;
+}, _e = /* @__PURE__ */ Z(Ft, [["__scopeId", "data-v-f1f4cfc9"]]), Kt = "#afb7c5", qt = "#0044f4", Bt = "16px", Te = /* @__PURE__ */ z({
+  __name: "RuleControlsRemove",
+  props: {
+    disabled: { type: Boolean },
+    routingRulesEntity: {}
+  },
+  emits: ["remove"],
+  setup(e, { emit: C }) {
+    const f = C, l = xe("configType", "basic");
+    return (a, v) => {
+      const i = H("KButton");
+      return o(l) !== "basic" ? (m(), x(i, {
+        key: 0,
+        appearance: "tertiary",
+        "data-testid": `remove-${e.routingRulesEntity}`,
+        disabled: e.disabled,
+        icon: "",
+        onClick: v[0] || (v[0] = (A) => f("remove"))
+      }, {
+        default: n(() => [
+          d(o(Et), {
+            color: e.disabled ? o(Kt) : o(qt)
+          }, null, 8, ["color"])
+        ]),
+        _: 1
+      }, 8, ["data-testid", "disabled"])) : P("", !0);
+    };
+  }
+}), Gt = { class: "routing-rule-container" }, Wt = ["innerHTML"], jt = /* @__PURE__ */ z({
+  __name: "DestinationRules",
+  props: {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  },
+  emits: /* @__PURE__ */ Y(["add", "remove"], ["update:modelValue"]),
+  setup(e, { emit: C }) {
+    const { i18n: { t: f } } = J.useI18n(), l = X(e, "modelValue"), a = C;
+    return (v, i) => {
+      const A = H("KLabel"), h = H("KInput");
+      return m(), O("div", Gt, [
+        d(A, { "tooltip-attributes": { maxWidth: "320" } }, {
+          tooltip: n(() => [
+            V("span", {
+              innerHTML: o(f)("form.fields.destinations.tooltip")
+            }, null, 8, Wt)
+          ]),
+          default: n(() => [
+            U(" " + k(o(f)("form.fields.destinations.label")), 1)
+          ]),
+          _: 1
+        }),
+        d(me, { name: "appear" }, {
+          default: n(() => [
+            (m(!0), O(G, null, le(l.value, (g, p) => (m(), O("div", {
+              key: p,
+              class: "routing-rule-input"
+            }, [
+              d(h, {
+                modelValue: l.value[p].ip,
+                "onUpdate:modelValue": (y) => l.value[p].ip = y,
+                modelModifiers: { trim: !0 },
+                "data-testid": `route-form-destinations-ip-input-${p + 1}`,
+                placeholder: o(f)("form.fields.destinations.ip.placeholder")
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "placeholder"]),
+              d(h, {
+                modelValue: l.value[p].port,
+                "onUpdate:modelValue": (y) => l.value[p].port = y,
+                modelModifiers: { number: !0 },
+                "data-testid": `route-form-destinations-port-input-${p + 1}`,
+                max: "65535",
+                min: "0",
+                placeholder: o(f)("form.fields.destinations.port.placeholder"),
+                type: "number"
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "placeholder"]),
+              d(Te, {
+                disabled: l.value.length === 1,
+                "routing-rules-entity": o(s).DESTINATIONS,
+                onRemove: (y) => a("remove", p)
+              }, null, 8, ["disabled", "routing-rules-entity", "onRemove"])
+            ]))), 128))
+          ]),
+          _: 1
+        }),
+        d(_e, {
+          "routing-rules-entity": o(s).DESTINATIONS,
+          onAdd: i[0] || (i[0] = (g) => a("add"))
+        }, null, 8, ["routing-rules-entity"])
+      ]);
+    };
+  }
+}), Xt = /* @__PURE__ */ Z(jt, [["__scopeId", "data-v-3eb40a37"]]), zt = { class: "routing-rule-container" }, Jt = ["innerHTML"], Qt = /* @__PURE__ */ z({
+  __name: "HeaderRules",
+  props: {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  },
+  emits: /* @__PURE__ */ Y(["add", "remove"], ["update:modelValue"]),
+  setup(e, { emit: C }) {
+    const { i18n: { t: f } } = J.useI18n(), l = X(e, "modelValue"), a = C;
+    return (v, i) => {
+      const A = H("KLabel"), h = H("KInput");
+      return m(), O("div", zt, [
+        d(A, { "tooltip-attributes": { maxWidth: "320" } }, {
+          tooltip: n(() => [
+            V("span", {
+              innerHTML: o(f)("form.fields.headers.tooltip")
+            }, null, 8, Jt)
+          ]),
+          default: n(() => [
+            U(" " + k(o(f)("form.fields.headers.label")), 1)
+          ]),
+          _: 1
+        }),
+        d(me, { name: "appear" }, {
+          default: n(() => [
+            (m(!0), O(G, null, le(l.value, (g, p) => (m(), O("div", {
+              key: p,
+              class: "routing-rule-input"
+            }, [
+              d(h, {
+                modelValue: l.value[p].header,
+                "onUpdate:modelValue": (y) => l.value[p].header = y,
+                modelModifiers: { trim: !0 },
+                "data-testid": `route-form-headers-name-input-${p + 1}`,
+                placeholder: o(f)("form.fields.headers.name.placeholder")
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "placeholder"]),
+              d(h, {
+                modelValue: l.value[p].values,
+                "onUpdate:modelValue": (y) => l.value[p].values = y,
+                modelModifiers: { trim: !0 },
+                "data-testid": `route-form-headers-values-input-${p + 1}`,
+                placeholder: o(f)("form.fields.headers.values.placeholder")
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "placeholder"]),
+              d(Te, {
+                disabled: l.value.length === 1,
+                "routing-rules-entity": o(s).HEADERS,
+                onRemove: (y) => a("remove", p)
+              }, null, 8, ["disabled", "routing-rules-entity", "onRemove"])
+            ]))), 128))
+          ]),
+          _: 1
+        }),
+        d(_e, {
+          "routing-rules-entity": o(s).HEADERS,
+          onAdd: i[0] || (i[0] = (g) => a("add"))
+        }, null, 8, ["routing-rules-entity"])
+      ]);
+    };
+  }
+}), Yt = /* @__PURE__ */ Z(Qt, [["__scopeId", "data-v-d3bede0b"]]), Zt = { class: "routing-rule-container" }, eo = ["innerHTML"], to = /* @__PURE__ */ z({
+  __name: "HostRules",
+  props: {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  },
+  emits: /* @__PURE__ */ Y(["add", "remove"], ["update:modelValue"]),
+  setup(e, { emit: C }) {
+    const { i18n: { t: f } } = J.useI18n(), l = X(e, "modelValue"), a = C, v = xe("configType", "basic");
+    return (i, A) => {
+      const h = H("KLabel"), g = H("KInput");
+      return m(), O("div", Zt, [
+        d(h, { "tooltip-attributes": { maxWidth: "320" } }, {
+          tooltip: n(() => [
+            V("span", {
+              innerHTML: o(f)("form.fields.hosts.tooltip")
+            }, null, 8, eo)
+          ]),
+          default: n(() => [
+            U(" " + k(o(v) === "basic" ? o(f)("form.fields.hosts.label_singular") : o(f)("form.fields.hosts.label")), 1)
+          ]),
+          _: 1
+        }),
+        d(me, { name: "appear" }, {
+          default: n(() => [
+            (m(!0), O(G, null, le(o(v) === "basic" ? l.value.slice(0, 1) : l.value, (p, y) => (m(), O("div", {
+              key: y,
+              class: "routing-rule-input"
+            }, [
+              d(g, {
+                modelValue: l.value[y],
+                "onUpdate:modelValue": (w) => l.value[y] = w,
+                modelModifiers: { trim: !0 },
+                "data-testid": `route-form-hosts-input-${y + 1}`,
+                placeholder: o(f)("form.fields.hosts.placeholder")
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "placeholder"]),
+              d(Te, {
+                disabled: l.value.length === 1,
+                "routing-rules-entity": o(s).HOSTS,
+                onRemove: (w) => a("remove", y)
+              }, null, 8, ["disabled", "routing-rules-entity", "onRemove"])
+            ]))), 128))
+          ]),
+          _: 1
+        }),
+        d(_e, {
+          "routing-rules-entity": o(s).HOSTS,
+          onAdd: A[0] || (A[0] = (p) => a("add"))
+        }, null, 8, ["routing-rules-entity"])
+      ]);
+    };
+  }
+}), oo = /* @__PURE__ */ Z(to, [["__scopeId", "data-v-dccd9082"]]), so = {
+  class: "routing-rule-container",
+  "data-testid": "route-form-methods"
+}, lo = ["innerHTML"], ro = { class: "routing-rule-input" }, io = /* @__PURE__ */ z({
+  __name: "MethodRules",
+  props: {
+    methods: { required: !0 },
+    methodsModifiers: {},
+    customMethods: { required: !0 },
+    customMethodsModifiers: {}
+  },
+  emits: ["update:methods", "update:customMethods"],
+  setup(e) {
+    const { i18n: { t: C } } = J.useI18n(), f = X(e, "methods"), l = X(e, "customMethods"), a = M(() => f.value.filter((g) => Object.keys(be).includes(g)).concat(l.value.map((g) => g.value))), v = M(() => Object.keys(be).map((g) => ({
+      label: g,
+      value: g
+    })).concat(l.value.map((g) => ({
+      label: g.label,
+      value: g.value,
+      custom: !0
+    })))), i = (g) => !v.value.map((p) => p.value.toLowerCase()).includes(g.toLowerCase()), A = (g, p) => {
+      p ? l.value.push(g) : l.value = l.value.filter((y) => y.value !== g.value);
+    }, h = (g) => {
+      f.value = g;
+    };
+    return (g, p) => {
+      const y = H("KLabel"), w = H("KMultiselect");
+      return m(), O("div", so, [
+        d(y, { "tooltip-attributes": { maxWidth: "320" } }, {
+          tooltip: n(() => [
+            V("span", {
+              innerHTML: o(C)("form.fields.methods.tooltip")
+            }, null, 8, lo)
+          ]),
+          default: n(() => [
+            U(" " + k(o(C)("form.fields.methods.label")), 1)
+          ]),
+          _: 1
+        }),
+        V("div", ro, [
+          d(w, {
+            "enable-item-creation": "",
+            "item-creation-validator": i,
+            items: v.value,
+            "model-value": a.value,
+            placeholder: o(C)("form.fields.methods.placeholder"),
+            "search-placeholder": o(C)("form.fields.methods.search_placeholder"),
+            onItemAdded: p[0] || (p[0] = (F) => A(F, !0)),
+            onItemRemoved: p[1] || (p[1] = (F) => A(F, !1)),
+            "onUpdate:modelValue": h
+          }, null, 8, ["items", "model-value", "placeholder", "search-placeholder"])
+        ])
+      ]);
+    };
+  }
+}), ao = /* @__PURE__ */ Z(io, [["__scopeId", "data-v-6c94d6d2"]]), no = { class: "routing-rule-container" }, uo = ["innerHTML"], co = /* @__PURE__ */ z({
+  __name: "PathRules",
+  props: {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  },
+  emits: /* @__PURE__ */ Y(["add", "remove"], ["update:modelValue"]),
+  setup(e, { emit: C }) {
+    const { i18n: { t: f } } = J.useI18n(), l = X(e, "modelValue"), a = C, v = xe("configType", "basic");
+    return (i, A) => {
+      const h = H("KLabel"), g = H("KInput");
+      return m(), O("div", no, [
+        d(h, { "tooltip-attributes": { maxWidth: "320" } }, {
+          tooltip: n(() => [
+            V("span", {
+              innerHTML: o(f)("form.fields.paths.tooltip")
+            }, null, 8, uo)
+          ]),
+          default: n(() => [
+            U(" " + k(o(v) === "basic" ? o(f)("form.fields.paths.label_singular") : o(f)("form.fields.paths.label")), 1)
+          ]),
+          _: 1
+        }),
+        d(me, { name: "appear" }, {
+          default: n(() => [
+            (m(!0), O(G, null, le(o(v) === "basic" ? l.value.slice(0, 1) : l.value, (p, y) => (m(), O("div", {
+              key: y,
+              class: "routing-rule-input"
+            }, [
+              d(g, {
+                modelValue: l.value[y],
+                "onUpdate:modelValue": (w) => l.value[y] = w,
+                modelModifiers: { trim: !0 },
+                "data-testid": `route-form-paths-input-${y + 1}`,
+                placeholder: o(f)("form.fields.paths.placeholder")
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "placeholder"]),
+              d(Te, {
+                disabled: l.value.length === 1,
+                "routing-rules-entity": o(s).PATHS,
+                onRemove: (w) => a("remove", y)
+              }, null, 8, ["disabled", "routing-rules-entity", "onRemove"])
+            ]))), 128))
+          ]),
+          _: 1
+        }),
+        d(_e, {
+          "routing-rules-entity": o(s).PATHS,
+          onAdd: A[0] || (A[0] = (p) => a("add"))
+        }, null, 8, ["routing-rules-entity"])
+      ]);
+    };
+  }
+}), po = /* @__PURE__ */ Z(co, [["__scopeId", "data-v-eb440a9e"]]), fo = { class: "routing-rule-container" }, mo = ["innerHTML"], vo = /* @__PURE__ */ z({
+  __name: "SniRules",
+  props: {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  },
+  emits: /* @__PURE__ */ Y(["add", "remove"], ["update:modelValue"]),
+  setup(e, { emit: C }) {
+    const { i18n: { t: f } } = J.useI18n(), l = X(e, "modelValue"), a = C;
+    return (v, i) => {
+      const A = H("KLabel"), h = H("KInput");
+      return m(), O("div", fo, [
+        d(A, { "tooltip-attributes": { maxWidth: "320" } }, {
+          tooltip: n(() => [
+            V("span", {
+              innerHTML: o(f)("form.fields.snis.tooltip")
+            }, null, 8, mo)
+          ]),
+          default: n(() => [
+            U(" " + k(o(f)("form.fields.snis.label")), 1)
+          ]),
+          _: 1
+        }),
+        d(me, { name: "appear" }, {
+          default: n(() => [
+            (m(!0), O(G, null, le(l.value, (g, p) => (m(), O("div", {
+              key: p,
+              class: "routing-rule-input"
+            }, [
+              d(h, {
+                modelValue: l.value[p],
+                "onUpdate:modelValue": (y) => l.value[p] = y,
+                modelModifiers: { trim: !0 },
+                "data-testid": `route-form-snis-input-${p + 1}`,
+                placeholder: o(f)("form.fields.snis.placeholder")
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "placeholder"]),
+              d(Te, {
+                disabled: l.value.length === 1,
+                "routing-rules-entity": o(s).SNIS,
+                onRemove: (y) => a("remove", p)
+              }, null, 8, ["disabled", "routing-rules-entity", "onRemove"])
+            ]))), 128))
+          ]),
+          _: 1
+        }),
+        d(_e, {
+          "routing-rules-entity": o(s).SNIS,
+          onAdd: i[0] || (i[0] = (g) => a("add"))
+        }, null, 8, ["routing-rules-entity"])
+      ]);
+    };
+  }
+}), ho = /* @__PURE__ */ Z(vo, [["__scopeId", "data-v-e6782e08"]]), go = { class: "routing-rule-container" }, yo = ["innerHTML"], So = /* @__PURE__ */ z({
+  __name: "SourceRules",
+  props: {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  },
+  emits: /* @__PURE__ */ Y(["add", "remove"], ["update:modelValue"]),
+  setup(e, { emit: C }) {
+    const { i18n: { t: f } } = J.useI18n(), l = X(e, "modelValue"), a = C;
+    return (v, i) => {
+      const A = H("KLabel"), h = H("KInput");
+      return m(), O("div", go, [
+        d(A, { "tooltip-attributes": { maxWidth: "320" } }, {
+          tooltip: n(() => [
+            V("span", {
+              innerHTML: o(f)("form.fields.sources.tooltip")
+            }, null, 8, yo)
+          ]),
+          default: n(() => [
+            U(" " + k(o(f)("form.fields.sources.label")), 1)
+          ]),
+          _: 1
+        }),
+        d(me, { name: "appear" }, {
+          default: n(() => [
+            (m(!0), O(G, null, le(l.value, (g, p) => (m(), O("div", {
+              key: p,
+              class: "routing-rule-input"
+            }, [
+              d(h, {
+                modelValue: l.value[p].ip,
+                "onUpdate:modelValue": (y) => l.value[p].ip = y,
+                modelModifiers: { trim: !0 },
+                "data-testid": `route-form-sources-ip-input-${p + 1}`,
+                placeholder: o(f)("form.fields.sources.ip.placeholder")
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "placeholder"]),
+              d(h, {
+                modelValue: l.value[p].port,
+                "onUpdate:modelValue": (y) => l.value[p].port = y,
+                modelModifiers: { number: !0 },
+                "data-testid": `route-form-sources-port-input-${p + 1}`,
+                max: "65535",
+                min: "0",
+                placeholder: o(f)("form.fields.sources.port.placeholder"),
+                type: "number"
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "placeholder"]),
+              d(Te, {
+                disabled: l.value.length === 1,
+                "routing-rules-entity": o(s).SOURCES,
+                onRemove: (y) => a("remove", p)
+              }, null, 8, ["disabled", "routing-rules-entity", "onRemove"])
+            ]))), 128))
+          ]),
+          _: 1
+        }),
+        d(_e, {
+          "routing-rules-entity": o(s).SOURCES,
+          onAdd: i[0] || (i[0] = (g) => a("add"))
+        }, null, 8, ["routing-rules-entity"])
+      ]);
+    };
+  }
+}), bo = /* @__PURE__ */ Z(So, [["__scopeId", "data-v-448078c1"]]), _o = { class: "traditional-rules-hint" }, To = { key: 0 }, Io = ["innerHTML"], Eo = {
+  key: 0,
+  class: "route-form-fields-container route-form-advanced-fields-container"
+}, Ro = ["innerHTML"], Ao = ["innerHTML"], Oo = ["innerHTML"], ko = ["innerHTML"], Ho = ["innerHTML"], No = ["innerHTML"], Co = /* @__PURE__ */ z({
+  __name: "TraditionalRules",
+  props: /* @__PURE__ */ Y({
+    protocols: {},
+    hideAdvanced: { type: Boolean },
+    readonly: { type: Boolean },
+    configType: {}
+  }, {
+    fields: { required: !0 },
+    fieldsModifiers: {},
+    customMethods: { required: !0 },
+    customMethodsModifiers: {}
+  }),
+  emits: ["update:fields", "update:customMethods"],
+  setup(e) {
+    const { i18nT: C, i18n: f, i18n: { t: l } } = J.useI18n(), a = f.source.form.protocols, v = e, i = X(e, "fields"), A = X(e, "customMethods"), h = (r) => {
+      switch (r) {
+        case s.PATHS:
+          Array.isArray(i.value.paths) ? i.value.paths.push([...W[s.PATHS]][0]) : i.value.paths = [...W[s.PATHS]];
+          break;
+        case s.SNIS:
+          Array.isArray(i.value.snis) ? i.value.snis.push([...W[s.SNIS]][0]) : i.value.snis = [...W[s.SNIS]];
+          break;
+        case s.HOSTS:
+          Array.isArray(i.value.hosts) ? i.value.hosts.push([...W[s.HOSTS]][0]) : i.value.hosts = [...W[s.HOSTS]];
+          break;
+        case s.METHODS:
+          i.value.methods || (i.value.methods = { ...W[s.METHODS] });
+          break;
+        case s.HEADERS:
+          Array.isArray(i.value.headers) ? i.value.headers.push({ ...W[s.HEADERS][0] }) : i.value.headers = [{ ...W[s.HEADERS][0] }];
+          break;
+        case s.SOURCES:
+          Array.isArray(i.value.sources) ? i.value.sources.push({ ...W[s.SOURCES][0] }) : i.value.sources = [{ ...W[s.SOURCES][0] }];
+          break;
+        case s.DESTINATIONS:
+          Array.isArray(i.value.destinations) ? i.value.destinations.push({ ...W[s.DESTINATIONS][0] }) : i.value.destinations = [{ ...W[s.DESTINATIONS][0] }];
+          break;
+      }
+    }, g = async (r, u) => {
+      if (typeof u < "u") {
+        const S = i.value[r];
+        if (Array.isArray(S) && (S.splice(u, 1), S.length > 0))
+          return;
+      }
+      await st(() => {
+        delete i.value[r];
+      });
+    }, p = (r) => r.some((u) => v.protocols.includes(u)), y = M(() => new Set(Ue[v.protocols])), w = M(() => {
+      if (p(["tls_passthrough"]))
+        return [F(s.SNIS)];
+      const r = (v.configType === "basic" ? [s.PATHS, s.METHODS, s.HOSTS] : Ue[v.protocols]).map((u) => F(u));
+      return [[...r].splice(0, r.length - 1).join(", "), r[r.length - 1]];
+    }), F = (r) => {
+      var S;
+      return ((S = f.source.form.fields[r]) == null ? void 0 : S.singular) || "";
+    };
+    return (r, u) => {
+      const S = H("KCheckbox"), D = H("KSelect"), se = H("KInput"), j = H("KCard");
+      return m(), x(j, null, {
+        default: n(() => {
+          var E;
+          return [
+            V("span", _o, [
+              d(o(C), { keypath: "form.hint.rules_message" }, {
+                protocol: n(() => [
+                  V("b", null, k(o(a)[e.protocols]), 1)
+                ]),
+                routingRules: n(() => [
+                  d(o(C), {
+                    keypath: w.value[1] ? "form.hint.multiple_rules" : "form.hint.single_rule"
+                  }, {
+                    routingRules: n(() => [
+                      U(k(w.value[0]), 1)
+                    ]),
+                    lastRoutingRule: n(() => [
+                      U(k(w.value[1]), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["keypath"])
+                ]),
+                _: 1
+              }),
+              e.configType === "basic" ? (m(), O("span", To, k(o(l)("form.hint.advanced")), 1)) : P("", !0)
+            ]),
+            d(me, { name: "appear" }, {
+              default: n(() => {
+                var b;
+                return [
+                  i.value.paths && y.value.has(o(s).PATHS) ? (m(), x(po, {
+                    key: "paths-container",
+                    modelValue: i.value.paths,
+                    "onUpdate:modelValue": u[0] || (u[0] = (_) => i.value.paths = _),
+                    onAdd: u[1] || (u[1] = (_) => h(o(s).PATHS)),
+                    onRemove: u[2] || (u[2] = (_) => g(o(s).PATHS, _))
+                  }, null, 8, ["modelValue"])) : P("", !0),
+                  p(["http", "https", "ws", "wss"]) ? (m(), x(S, {
+                    key: 1,
+                    modelValue: i.value.strip_path,
+                    "onUpdate:modelValue": u[3] || (u[3] = (_) => i.value.strip_path = _),
+                    class: "route-form-strip-path",
+                    "data-testid": "route-form-strip-path",
+                    disabled: !((b = i.value.paths) != null && b.some(Boolean)),
+                    label: o(l)("form.fields.strip_path.label"),
+                    "label-attributes": {
+                      tooltipAttributes: { maxWidth: "320" }
+                    }
+                  }, {
+                    tooltip: n(() => [
+                      V("span", {
+                        innerHTML: o(l)("form.fields.strip_path.tooltip")
+                      }, null, 8, Io)
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue", "disabled", "label"])) : P("", !0),
+                  i.value.methods && y.value.has(o(s).METHODS) ? (m(), x(ao, {
+                    key: "methods-container",
+                    "custom-methods": A.value,
+                    "onUpdate:customMethods": u[4] || (u[4] = (_) => A.value = _),
+                    methods: i.value.methods,
+                    "onUpdate:methods": u[5] || (u[5] = (_) => i.value.methods = _)
+                  }, null, 8, ["custom-methods", "methods"])) : P("", !0),
+                  i.value.hosts && y.value.has(o(s).HOSTS) ? (m(), x(oo, {
+                    key: "hosts-container",
+                    modelValue: i.value.hosts,
+                    "onUpdate:modelValue": u[6] || (u[6] = (_) => i.value.hosts = _),
+                    onAdd: u[7] || (u[7] = (_) => h(o(s).HOSTS)),
+                    onRemove: u[8] || (u[8] = (_) => g(o(s).HOSTS, _))
+                  }, null, 8, ["modelValue"])) : P("", !0),
+                  i.value.headers && e.configType === "advanced" && y.value.has(o(s).HEADERS) ? (m(), x(Yt, {
+                    key: "headers-container",
+                    modelValue: i.value.headers,
+                    "onUpdate:modelValue": u[9] || (u[9] = (_) => i.value.headers = _),
+                    onAdd: u[10] || (u[10] = (_) => h(o(s).HEADERS)),
+                    onRemove: u[11] || (u[11] = (_) => g(o(s).HEADERS, _))
+                  }, null, 8, ["modelValue"])) : P("", !0),
+                  i.value.sources && y.value.has(o(s).SOURCES) ? (m(), x(bo, {
+                    key: "sources-container",
+                    modelValue: i.value.sources,
+                    "onUpdate:modelValue": u[12] || (u[12] = (_) => i.value.sources = _),
+                    onAdd: u[13] || (u[13] = (_) => h(o(s).SOURCES)),
+                    onRemove: u[14] || (u[14] = (_) => g(o(s).SOURCES, _))
+                  }, null, 8, ["modelValue"])) : P("", !0),
+                  i.value.destinations && y.value.has(o(s).DESTINATIONS) ? (m(), x(Xt, {
+                    key: "destinations-container",
+                    modelValue: i.value.destinations,
+                    "onUpdate:modelValue": u[15] || (u[15] = (_) => i.value.destinations = _),
+                    onAdd: u[16] || (u[16] = (_) => h(o(s).DESTINATIONS)),
+                    onRemove: u[17] || (u[17] = (_) => g(o(s).DESTINATIONS, _))
+                  }, null, 8, ["modelValue"])) : P("", !0),
+                  i.value.snis && e.configType === "advanced" && y.value.has(o(s).SNIS) ? (m(), x(ho, {
+                    key: "snis-container",
+                    modelValue: i.value.snis,
+                    "onUpdate:modelValue": u[18] || (u[18] = (_) => i.value.snis = _),
+                    onAdd: u[19] || (u[19] = (_) => h(o(s).SNIS)),
+                    onRemove: u[20] || (u[20] = (_) => g(o(s).SNIS, _))
+                  }, null, 8, ["modelValue"])) : P("", !0)
+                ];
+              }),
+              _: 1
+            }),
+            e.hideAdvanced ? P("", !0) : (m(), O("div", Eo, [
+              (E = i.value.paths) != null && E.some(Boolean) ? (m(), x(D, {
+                key: 0,
+                modelValue: i.value.path_handling,
+                "onUpdate:modelValue": u[21] || (u[21] = (b) => i.value.path_handling = b),
+                "data-testid": "route-form-path-handling",
+                items: o(Pt),
+                label: o(l)("form.fields.path_handling.label"),
+                "label-attributes": {
+                  tooltipAttributes: { maxWidth: "320" }
+                },
+                readonly: e.readonly,
+                width: "100%"
+              }, {
+                "label-tooltip": n(() => [
+                  V("span", {
+                    innerHTML: o(l)("form.fields.path_handling.tooltip")
+                  }, null, 8, Ro)
+                ]),
+                _: 1
+              }, 8, ["modelValue", "items", "label", "readonly"])) : P("", !0),
+              d(D, {
+                modelValue: i.value.https_redirect_status_code,
+                "onUpdate:modelValue": u[22] || (u[22] = (b) => i.value.https_redirect_status_code = b),
+                "data-testid": "route-form-http-redirect-status-code",
+                items: o(tt),
+                label: o(l)("form.fields.https_redirect_status_code.label"),
+                "label-attributes": {
+                  tooltipAttributes: { maxWidth: "320" }
+                },
+                readonly: e.readonly,
+                width: "100%"
+              }, {
+                "label-tooltip": n(() => [
+                  V("span", {
+                    innerHTML: o(l)("form.fields.https_redirect_status_code.tooltip")
+                  }, null, 8, Ao)
+                ]),
+                _: 1
+              }, 8, ["modelValue", "items", "label", "readonly"]),
+              d(se, {
+                modelValue: i.value.regex_priority,
+                "onUpdate:modelValue": u[23] || (u[23] = (b) => i.value.regex_priority = b),
+                autocomplete: "off",
+                "data-testid": "route-form-regex-priority",
+                label: o(l)("form.fields.regex_priority.label"),
+                "label-attributes": {
+                  tooltipAttributes: { maxWidth: "320" }
+                },
+                readonly: e.readonly,
+                type: "number"
+              }, {
+                "label-tooltip": n(() => [
+                  V("span", {
+                    innerHTML: o(l)("form.fields.regex_priority.tooltip")
+                  }, null, 8, Oo)
+                ]),
+                _: 1
+              }, 8, ["modelValue", "label", "readonly"]),
+              d(S, {
+                modelValue: i.value.preserve_host,
+                "onUpdate:modelValue": u[24] || (u[24] = (b) => i.value.preserve_host = b),
+                "data-testid": "route-form-preserve-host",
+                label: o(l)("form.fields.preserve_host.label"),
+                "label-attributes": {
+                  tooltipAttributes: { maxWidth: "320" }
+                }
+              }, {
+                tooltip: n(() => [
+                  V("span", {
+                    innerHTML: o(l)("form.fields.preserve_host.tooltip")
+                  }, null, 8, ko)
+                ]),
+                _: 1
+              }, 8, ["modelValue", "label"]),
+              d(S, {
+                modelValue: i.value.request_buffering,
+                "onUpdate:modelValue": u[25] || (u[25] = (b) => i.value.request_buffering = b),
+                "data-testid": "route-form-request-buffering",
+                label: o(l)("form.fields.request_buffering.label"),
+                "label-attributes": {
+                  tooltipAttributes: { maxWidth: "320" }
+                }
+              }, {
+                tooltip: n(() => [
+                  V("span", {
+                    innerHTML: o(l)("form.fields.request_buffering.tooltip")
+                  }, null, 8, Ho)
+                ]),
+                _: 1
+              }, 8, ["modelValue", "label"]),
+              d(S, {
+                modelValue: i.value.response_buffering,
+                "onUpdate:modelValue": u[26] || (u[26] = (b) => i.value.response_buffering = b),
+                "data-testid": "route-form-response-buffering",
+                label: o(l)("form.fields.response_buffering.label"),
+                "label-attributes": {
+                  tooltipAttributes: { maxWidth: "320" }
+                }
+              }, {
+                tooltip: n(() => [
+                  V("span", {
+                    innerHTML: o(l)("form.fields.response_buffering.tooltip")
+                  }, null, 8, No)
+                ]),
+                _: 1
+              }, 8, ["modelValue", "label"])
+            ]))
+          ];
+        }),
+        _: 1
+      });
+    };
+  }
+}), Je = /* @__PURE__ */ Z(Co, [["__scopeId", "data-v-f3fa9614"]]), xo = /* @__PURE__ */ z({
+  __name: "RouteFormExpressionsEditorLoader",
+  props: /* @__PURE__ */ Y({
+    protocol: {},
+    showExpressionsModalEntry: { type: Boolean }
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ Y(["notify"], ["update:modelValue"]),
+  setup(e, { emit: C }) {
+    const { i18n: { t: f } } = J.useI18n(), l = {
+      render: () => Fe("div", f("form.expressions_editor.loading"))
+    }, a = {
+      render: () => Fe("div", f("form.expressions_editor.error"))
+    }, v = lt({
+      loader: async () => import("./RouteFormExpressionsEditor-F5bIgjiX.js"),
+      loadingComponent: l,
+      errorComponent: a
+    }), i = e, A = C, h = B(ge.LOADING), g = X(e, "modelValue"), p = (y) => {
+      g.value = y;
+    };
+    return Qe(async () => {
+      try {
+        await (await import("@kong-ui-public/expressions")).asyncInit, h.value = ge.READY;
+      } catch (y) {
+        h.value = ge.ERROR, console.error(y);
+      }
+    }), (y, w) => (m(), O(G, null, [
+      h.value === o(ge).ERROR ? (m(), x(Ke(a), {
+        key: 0,
+        "data-testid": "route-form-expressions-editor-loader-error"
+      })) : h.value === o(ge).LOADING ? (m(), x(Ke(l), {
+        key: 1,
+        "data-testid": "route-form-expressions-editor-loader-loading"
+      })) : (m(), x(o(v), {
+        key: 2,
+        modelValue: g.value,
+        "onUpdate:modelValue": w[0] || (w[0] = (F) => g.value = F),
+        protocol: i.protocol,
+        "show-expressions-modal-entry": e.showExpressionsModalEntry,
+        onNotify: w[1] || (w[1] = (F) => A("notify", F))
+      }, {
+        default: n(() => [
+          d(o(Rt), { size: o(Bt) }, null, 8, ["size"]),
+          V("span", null, k(o(f)("form.expression_playground.test_link")), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue", "protocol", "show-expressions-modal-entry"])),
+      Pe(y.$slots, "after-editor", {
+        expression: { value: g.value, update: p },
+        state: h.value
+      })
+    ], 64));
+  }
+}), wo = { class: "route-form-routing-rules-title-container" }, Vo = { class: "routing-rules-title" }, Mo = { class: "route-form-fields-container route-form-advanced-fields-container" }, Do = /* @__PURE__ */ z({
+  __name: "ExpressionsRules",
+  props: /* @__PURE__ */ Y({
+    protocols: {},
+    hideAdvanced: { type: Boolean },
+    readonly: { type: Boolean },
+    showExpressionsModalEntry: { type: Boolean }
+  }, {
+    fields: { required: !0 },
+    fieldsModifiers: {}
+  }),
+  emits: /* @__PURE__ */ Y(["notify"], ["update:fields"]),
+  setup(e, { emit: C }) {
+    const { i18n: { t: f } } = J.useI18n(), l = e, a = X(e, "fields"), v = C, i = B(!0), A = M(() => l.protocols.split(",") || []), h = (g) => g.some((p) => l.protocols.includes(p));
+    return (g, p) => {
+      const y = H("KCard"), w = H("KSelect"), F = H("KInput"), r = H("KCheckbox"), u = H("KCollapse");
+      return m(), O(G, null, [
+        d(y, null, {
+          title: n(() => [
+            V("div", wo, [
+              (m(!0), O(G, null, le(A.value, (S) => (m(), O("span", {
+                key: S,
+                class: "protocol-title"
+              }, k(S.toUpperCase()), 1))), 128)),
+              V("span", Vo, k(o(f)("form.sections.routingExpression.title")), 1)
+            ])
+          ]),
+          default: n(() => [
+            d(xo, {
+              modelValue: a.value.expression,
+              "onUpdate:modelValue": p[0] || (p[0] = (S) => a.value.expression = S),
+              protocol: A.value[0],
+              "show-expressions-modal-entry": e.showExpressionsModalEntry,
+              onNotify: p[1] || (p[1] = (S) => v("notify", S))
+            }, {
+              "after-editor": n((S) => [
+                Pe(g.$slots, "after-expressions-editor", {
+                  expression: S.expression,
+                  state: S.state
+                }, void 0, !0)
+              ]),
+              _: 3
+            }, 8, ["modelValue", "protocol", "show-expressions-modal-entry"])
+          ]),
+          _: 3
+        }),
+        d(u, {
+          modelValue: i.value,
+          "onUpdate:modelValue": p[8] || (p[8] = (S) => i.value = S),
+          class: "route-form-advanced-fields-collapse",
+          "trigger-alignment": "leading",
+          "trigger-label": o(f)("form.show_more")
+        }, {
+          default: n(() => [
+            d(y, null, {
+              default: n(() => [
+                V("div", Mo, [
+                  d(w, {
+                    modelValue: a.value.https_redirect_status_code,
+                    "onUpdate:modelValue": p[2] || (p[2] = (S) => a.value.https_redirect_status_code = S),
+                    "data-testid": "route-form-http-redirect-status-code",
+                    items: o(tt),
+                    label: o(f)("form.fields.https_redirect_status_code.label"),
+                    readonly: e.readonly,
+                    width: "100%"
+                  }, null, 8, ["modelValue", "items", "label", "readonly"]),
+                  d(F, {
+                    modelValue: a.value.priority,
+                    "onUpdate:modelValue": p[3] || (p[3] = (S) => a.value.priority = S),
+                    autocomplete: "off",
+                    "data-testid": "route-form-priority",
+                    label: o(f)("form.fields.priority.label"),
+                    "label-attributes": {
+                      info: o(f)("form.fields.priority.tooltip"),
+                      tooltipAttributes: { maxWidth: "400" }
+                    },
+                    readonly: e.readonly,
+                    type: "number"
+                  }, null, 8, ["modelValue", "label", "label-attributes", "readonly"]),
+                  h(["http", "https", "ws", "wss", "tls", "tcp", "udp", "tls_passthrough"]) ? (m(), x(r, {
+                    key: 0,
+                    modelValue: a.value.strip_path,
+                    "onUpdate:modelValue": p[4] || (p[4] = (S) => a.value.strip_path = S),
+                    "data-testid": "route-form-strip-path",
+                    label: o(f)("form.fields.strip_path.label")
+                  }, null, 8, ["modelValue", "label"])) : P("", !0),
+                  d(r, {
+                    modelValue: a.value.preserve_host,
+                    "onUpdate:modelValue": p[5] || (p[5] = (S) => a.value.preserve_host = S),
+                    "data-testid": "route-form-preserve-host",
+                    label: o(f)("form.fields.preserve_host.label")
+                  }, null, 8, ["modelValue", "label"]),
+                  d(r, {
+                    modelValue: a.value.request_buffering,
+                    "onUpdate:modelValue": p[6] || (p[6] = (S) => a.value.request_buffering = S),
+                    "data-testid": "route-form-request-buffering",
+                    label: o(f)("form.fields.request_buffering.label")
+                  }, null, 8, ["modelValue", "label"]),
+                  d(r, {
+                    modelValue: a.value.response_buffering,
+                    "onUpdate:modelValue": p[7] || (p[7] = (S) => a.value.response_buffering = S),
+                    "data-testid": "route-form-response-buffering",
+                    label: o(f)("form.fields.response_buffering.label")
+                  }, null, 8, ["modelValue", "label"])
+                ])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue", "trigger-label"])
+      ], 64);
+    };
+  }
+}), $o = /* @__PURE__ */ Z(Do, [["__scopeId", "data-v-e7571a47"]]), Uo = { class: "config-type-container" }, Po = {
+  key: 0,
+  class: "config-flavor"
+}, Lo = /* @__PURE__ */ z({
+  __name: "RouteFormRulesComposer",
+  props: /* @__PURE__ */ Y({
+    protocols: {},
+    routeFlavors: {},
+    readonly: { type: Boolean },
+    recordFlavor: {},
+    showExpressionsModalEntry: { type: Boolean },
+    tooltips: {},
+    isWsSupported: { type: Boolean },
+    hideProtocols: { type: Boolean }
+  }, {
+    configType: { required: !0 },
+    configTypeModifiers: {},
+    configFlavor: { required: !0 },
+    configFlavorModifiers: {},
+    fields: {
+      default: () => Ne({
+        ...Ce,
+        paths: [""],
+        regex_priority: 0,
+        path_handling: "v0",
+        expression: "",
+        priority: 0
+      })
+    },
+    fieldsModifiers: {},
+    customMethods: { default: () => Ne([]) },
+    customMethodsModifiers: {}
+  }),
+  emits: /* @__PURE__ */ Y(["notify", "update:payload", "update:protocols"], ["update:configType", "update:configFlavor", "update:fields", "update:customMethods"]),
+  setup(e, { emit: C }) {
+    const f = e, l = X(e, "configType"), a = X(e, "configFlavor"), v = X(e, "fields"), i = X(e, "customMethods"), A = C, { i18n: { t: h } } = J.useI18n(), g = [
+      {
+        value: q.TRADITIONAL,
+        label: h("form.flavors.traditional")
+      },
+      {
+        value: q.EXPRESSIONS,
+        label: h("form.flavors.expressions")
+      }
+    ], p = M(() => [
+      { label: h("form.protocols.grpc"), value: "grpc" },
+      { label: h("form.protocols.grpcs"), value: "grpcs" },
+      { label: h("form.protocols.grpc,grpcs"), value: "grpc,grpcs" },
+      { label: h("form.protocols.http"), value: "http" },
+      { label: h("form.protocols.https"), value: "https" },
+      { label: h("form.protocols.http,https"), value: "http,https" },
+      { label: h("form.protocols.tcp"), value: "tcp" },
+      { label: h("form.protocols.tls"), value: "tls" },
+      { label: h("form.protocols.tls,udp"), value: "tls,udp" },
+      { label: h("form.protocols.tcp,udp"), value: "tcp,udp" },
+      { label: h("form.protocols.tcp,tls"), value: "tcp,tls" },
+      { label: h("form.protocols.tcp,tls,udp"), value: "tcp,tls,udp" },
+      { label: h("form.protocols.tls_passthrough"), value: "tls_passthrough" },
+      { label: h("form.protocols.udp"), value: "udp" },
+      ...f.isWsSupported ? [
+        { label: h("form.protocols.ws"), value: "ws" },
+        { label: h("form.protocols.wss"), value: "wss" },
+        { label: h("form.protocols.ws,wss"), value: "ws,wss" }
+      ] : []
+    ]), y = M(() => f.recordFlavor ? f.recordFlavor : a.value), w = (E, b) => {
+      if (!new Set(Ue[f.protocols]).has(E))
+        return [];
+      if ([s.PATHS, s.HOSTS, s.METHODS, s.SNIS].includes(E))
+        return [...b].filter((K) => !!K);
+      if (E === s.SOURCES || E === s.DESTINATIONS)
+        return [...b].filter((K) => !!K.ip || !!K.port).map((K) => ({
+          ip: K.ip || void 0,
+          port: !K.port && K.port !== 0 ? void 0 : K.port
+        }));
+      if (E === s.HEADERS)
+        return [...b].filter((K) => !!K.header);
+    }, F = (E) => E.some((b) => f.protocols.includes(b)), r = () => {
+      if (y.value !== q.TRADITIONAL)
+        return null;
+      const E = v.value, b = w(s.HEADERS, E.headers || []) || W[s.HEADERS];
+      return b.length === 0 ? null : b.reduce((_, K) => (_[K.header] = K.values.split(","), _), {});
+    }, u = M(() => (v.value.methods || []).filter((_) => Object.keys(be).includes(_)).concat(i.value.map((_) => _.label.toUpperCase()))), S = (E) => E != null && E.length ? E : null, D = M(() => ({
+      https_redirect_status_code: v.value.https_redirect_status_code,
+      strip_path: F(["http", "https", "ws", "wss"]) ? v.value.strip_path : !1,
+      preserve_host: v.value.preserve_host,
+      request_buffering: v.value.request_buffering,
+      response_buffering: v.value.response_buffering
+    })), se = M(() => {
+      switch (y.value) {
+        case q.TRADITIONAL: {
+          const E = v.value, b = S(w(s.PATHS, E.paths || [])), _ = S(w(s.HOSTS, E.hosts || [])), K = {
+            ...D.value,
+            methods: S(w(s.METHODS, u.value)),
+            hosts: l.value === "basic" && _ ? _.slice(0, 1) : _,
+            paths: l.value === "basic" && b ? b.slice(0, 1) : b,
+            headers: l.value === "basic" ? null : r(),
+            regex_priority: Number(E.regex_priority),
+            path_handling: E.path_handling,
+            sources: S(w(s.SOURCES, E.sources || [])),
+            destinations: S(w(s.DESTINATIONS, E.destinations || [])),
+            snis: l.value === "basic" ? null : S(w(s.SNIS, E.snis || []))
+          };
+          return {
+            type: y.value,
+            payload: K
+          };
+        }
+        case q.EXPRESSIONS: {
+          const E = v.value;
+          return {
+            type: y.value,
+            payload: {
+              ...D.value,
+              expression: E.expression,
+              priority: Number(E.priority)
+            }
+          };
+        }
+        default:
+          return;
+      }
+    }), j = (E) => {
+      E && A("update:protocols", E);
+    };
+    return ye([() => f.recordFlavor, () => f.routeFlavors], ([E, b]) => {
+      if (E) {
+        a.value = E;
+        return;
+      }
+      a.value = !b.traditional && b.expressions ? q.EXPRESSIONS : q.TRADITIONAL;
+    }, { immediate: !0, deep: !0 }), ye(l, (E) => {
+      E === "basic" && (a.value = q.TRADITIONAL, A("update:protocols", "http,https"));
+    }), ye(se, (E) => {
+      A("update:payload", E);
+    }, { deep: !0, immediate: !0 }), (E, b) => {
+      const _ = H("KRadio"), K = H("KLabel"), Ie = H("KTooltip"), ne = H("KSegmentedControl"), ee = H("KAlert"), ve = H("KSelect");
+      return m(), O(G, null, [
+        V("div", Uo, [
+          d(_, {
+            modelValue: l.value,
+            "onUpdate:modelValue": b[0] || (b[0] = ($) => l.value = $),
+            card: "",
+            "card-orientation": "horizontal",
+            "data-testid": "route-form-config-type-basic",
+            description: o(h)("form.config_types.basic.description"),
+            disabled: !e.routeFlavors.traditional || e.recordFlavor === o(q).EXPRESSIONS,
+            label: o(h)("form.config_types.basic.label"),
+            "selected-value": "basic"
+          }, null, 8, ["modelValue", "description", "disabled", "label"]),
+          d(_, {
+            modelValue: l.value,
+            "onUpdate:modelValue": b[1] || (b[1] = ($) => l.value = $),
+            card: "",
+            "card-orientation": "horizontal",
+            "data-testid": "route-form-config-type-advanced",
+            description: o(h)("form.config_types.advanced.description"),
+            label: o(h)("form.config_types.advanced.label"),
+            "selected-value": "advanced"
+          }, null, 8, ["modelValue", "description", "label"])
+        ]),
+        l.value === "basic" ? (m(), x(Je, {
+          key: 0,
+          "custom-methods": i.value,
+          "onUpdate:customMethods": b[2] || (b[2] = ($) => i.value = $),
+          fields: v.value,
+          "onUpdate:fields": b[3] || (b[3] = ($) => v.value = $),
+          "config-type": "basic",
+          "hide-advanced": "",
+          protocols: e.protocols,
+          readonly: e.readonly
+        }, null, 8, ["custom-methods", "fields", "protocols", "readonly"])) : (m(), O(G, { key: 1 }, [
+          e.routeFlavors.traditional && e.routeFlavors.expressions ? (m(), O("div", Po, [
+            d(K, { class: "config-flavor-label" }, {
+              default: n(() => [
+                U(k(o(h)("form.config_flavor.label")), 1)
+              ]),
+              _: 1
+            }),
+            d(ne, {
+              modelValue: a.value,
+              "onUpdate:modelValue": b[4] || (b[4] = ($) => a.value = $),
+              class: "config-flavor-control",
+              "data-testid": "route-form-config-flavor",
+              options: g
+            }, {
+              "option-label": n(({ option: $ }) => {
+                var pe, de;
+                return [
+                  V("span", null, k($.label), 1),
+                  (pe = e.tooltips) != null && pe[$.value] ? (m(), x(Ie, {
+                    key: 0,
+                    class: "route-form-config-tabs-tooltip",
+                    text: (de = e.tooltips) == null ? void 0 : de[$.value],
+                    "tooltip-id": `route-form-config-tabs-tooltip-${$.value}`
+                  }, {
+                    default: n(() => [
+                      d(o(At))
+                    ]),
+                    _: 1
+                  }, 8, ["text", "tooltip-id"])) : P("", !0)
+                ];
+              }),
+              _: 1
+            }, 8, ["modelValue"])
+          ])) : P("", !0),
+          e.routeFlavors.traditional && e.routeFlavors.expressions && (!e.recordFlavor || e.recordFlavor !== a.value) ? (m(), x(ee, {
+            key: 1,
+            appearance: e.recordFlavor ? "warning" : "info",
+            class: "route-form-config-type-immutable-alert",
+            "data-testid": "route-config-type-immutable-alert"
+          }, {
+            default: n(() => [
+              e.recordFlavor ? e.recordFlavor !== a.value ? (m(), O(G, { key: 1 }, [
+                U(k(o(h)("form.warning.cannotChangeFlavor.edit", { format: o(h)(`form.flavors.${e.recordFlavor}`) })), 1)
+              ], 64)) : P("", !0) : (m(), O(G, { key: 0 }, [
+                U(k(o(h)("form.warning.cannotChangeFlavor.create")), 1)
+              ], 64))
+            ]),
+            _: 1
+          }, 8, ["appearance"])) : P("", !0),
+          !e.recordFlavor || !(e.routeFlavors.traditional && e.routeFlavors.expressions && e.recordFlavor !== a.value) ? (m(), O(G, { key: 2 }, [
+            e.hideProtocols ? P("", !0) : (m(), x(ve, {
+              key: 0,
+              "data-testid": "route-form-protocols",
+              items: p.value,
+              label: o(h)("form.fields.protocols.label"),
+              "label-attributes": {
+                info: o(h)("form.fields.protocols.tooltip"),
+                tooltipAttributes: { maxWidth: "400" }
+              },
+              "model-value": e.protocols,
+              readonly: e.readonly,
+              required: "",
+              width: "100%",
+              "onUpdate:modelValue": j
+            }, null, 8, ["items", "label", "label-attributes", "model-value", "readonly"])),
+            a.value === o(q).TRADITIONAL ? (m(), x(Je, {
+              key: 1,
+              "custom-methods": i.value,
+              "onUpdate:customMethods": b[5] || (b[5] = ($) => i.value = $),
+              fields: v.value,
+              "onUpdate:fields": b[6] || (b[6] = ($) => v.value = $),
+              "config-type": "advanced",
+              protocols: e.protocols,
+              readonly: e.readonly
+            }, null, 8, ["custom-methods", "fields", "protocols", "readonly"])) : (m(), x($o, {
+              key: 2,
+              fields: v.value,
+              "onUpdate:fields": b[7] || (b[7] = ($) => v.value = $),
+              protocols: e.protocols,
+              readonly: e.readonly,
+              "show-expressions-modal-entry": e.showExpressionsModalEntry,
+              onNotify: b[8] || (b[8] = ($) => A("notify", $))
+            }, null, 8, ["fields", "protocols", "readonly", "show-expressions-modal-entry"]))
+          ], 64)) : P("", !0)
+        ], 64))
+      ], 64);
+    };
+  }
+}), Fo = /* @__PURE__ */ Z(Lo, [["__scopeId", "data-v-cbda4882"]]), Ko = (e) => {
+  var f, l, a, v, i;
+  return !(typeof e.expression == "string" && e.expression.length > 0 || (e.protocols || []).sort().join(",") !== "http,https" || ((f = e[s.PATHS]) == null ? void 0 : f.length) > 1 || ((l = e[s.HOSTS]) == null ? void 0 : l.length) > 1 || e[s.HEADERS] && typeof e[s.HEADERS] == "object" || ((a = e[s.SNIS]) == null ? void 0 : a.length) > 0 || ((v = e[s.SOURCES]) == null ? void 0 : v.length) > 0 || ((i = e[s.DESTINATIONS]) == null ? void 0 : i.length) > 0 || [
+    "path_handling",
+    "regex_priority",
+    "https_redirect_status_code",
+    "preserve_host",
+    "request_buffering",
+    "response_buffering"
+  ].some((A) => e[A] !== Lt[A]));
+}, qo = { class: "kong-ui-entities-route-form" }, Bo = { key: 1 }, Go = { "data-testid": "no-search-results" }, Wo = { class: "route-form-service-dropdown-item" }, jo = { class: "select-item-label" }, Xo = { class: "select-item-description" }, zo = /* @__PURE__ */ z({
+  __name: "RouteForm",
+  props: {
+    /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
+    config: {
+      type: Object,
+      required: !0,
+      validator: (e) => !(!e || !["konnect", "kongManager"].includes(e == null ? void 0 : e.app) || (e == null ? void 0 : e.app) === "konnect" && !(e != null && e.controlPlaneId) || (e == null ? void 0 : e.app) === "kongManager" && typeof (e == null ? void 0 : e.workspace) != "string" || !(e != null && e.cancelRoute))
+    },
+    /** If a valid routeId is provided, it will put the form in Edit mode instead of Create */
+    routeId: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    /** If valid serviceId is provided, don't show service select field */
+    serviceId: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    /** Whether show or hide EntityFormSection info column */
+    hideSectionsInfo: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    /** Whether show or hide Route name field */
+    hideNameField: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    /** Whether show or hide Service Select field */
+    hideServiceField: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    /** Route flavors to be enabled for this form */
+    routeFlavors: {
+      type: Object,
+      required: !1,
+      default: () => ({
+        traditional: !0
+      })
+    },
+    /** Tooltips to show on config tabs */
+    configTabTooltips: {
+      type: Object,
+      required: !1,
+      default: () => {
+      }
+    },
+    /** Whether to show the expressions modal entry */
+    showExpressionsModalEntry: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    }
+  },
+  emits: ["update", "error", "loading", "model-updated", "notify"],
+  setup(e, { expose: C, emit: f }) {
+    var Ae;
+    const l = e, a = f, v = B("basic"), i = B(
+      !l.routeFlavors.traditional && l.routeFlavors.expressions ? q.EXPRESSIONS : q.TRADITIONAL
+    ), A = B(void 0), h = M(() => {
+      if (A.value)
+        return A.value;
+      if (i.value)
+        return i.value;
+      if (l.routeFlavors.traditional)
+        return q.TRADITIONAL;
+      if (l.routeFlavors.expressions)
+        return q.EXPRESSIONS;
+    }), { i18n: { t: g } } = J.useI18n(), p = et(), { axiosInstance: y } = Le((Ae = l.config) == null ? void 0 : Ae.axiosRequestConfig), { getMessageFromError: w } = dt(), F = (t) => t.name ? `${t.name} - ${t.value}` : t.value, r = Ne({
+      routeFlavors: l.routeFlavors,
+      fields: {
+        name: "",
+        protocols: "http,https",
+        tags: "",
+        service_id: "",
+        ...Ce,
+        paths: [""],
+        snis: [""],
+        hosts: [""],
+        methods: [],
+        headers: [{ ...W[s.HEADERS][0] }],
+        sources: [{ ...W[s.SOURCES][0] }],
+        destinations: [{ ...W[s.DESTINATIONS][0] }],
+        regex_priority: 0,
+        path_handling: "v0",
+        expression: "",
+        priority: 0
+      },
+      isReadonly: !1,
+      errorMessage: ""
+    });
+    ye(() => l.routeFlavors, (t) => {
+      r.routeFlavors = t, t.traditional || (v.value = "advanced");
+    }, { immediate: !0, deep: !0 });
+    const u = B(), S = B([]), D = B([]), se = Ne({
+      name: "",
+      protocols: "http,https",
+      tags: "",
+      service_id: "",
+      ...Ce,
+      path_handling: "v0",
+      regex_priority: 0,
+      expression: "",
+      priority: 0
+    }), j = l.config.app === "konnect" || ut({
+      gatewayInfo: l.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"]
+      }
+    }), E = M(() => l.routeId ? Be.Edit : Be.Create), b = M(() => {
+      var t, c, T;
+      return (T = (c = Se.form[(t = l.config) == null ? void 0 : t.app]) == null ? void 0 : c.fetch) == null ? void 0 : T[l.serviceId ? "forGatewayService" : "all"].replace(/{serviceId}/gi, l.serviceId || "");
+    }), _ = () => {
+      var t;
+      p.push((t = l.config) == null ? void 0 : t.cancelRoute);
+    }, K = (t) => {
+      a("loading", t);
+    }, Ie = (t) => {
+      a("error", t);
+    }, ne = (t) => Object.entries(t).map((c) => {
+      var T;
+      return { header: c[0], values: (T = c[1]) == null ? void 0 : T.join() };
+    }), ee = (t) => t.some((c) => r.fields.protocols.includes(c)), ve = (t) => {
+      var T, N;
+      if (l.routeId) {
+        const R = typeof t.expression == "string" && t.expression.length > 0 ? q.EXPRESSIONS : q.TRADITIONAL;
+        A.value = R, Ko(t) || (v.value = "advanced");
+      }
+      (T = t == null ? void 0 : t.service) != null && T.id && (r.fields.service_id = t.service.id), r.fields.name = (t == null ? void 0 : t.name) || "";
+      const c = (t == null ? void 0 : t.tags) || [];
+      r.fields.tags = (c == null ? void 0 : c.join(", ")) || "", r.fields.preserve_host = typeof (t == null ? void 0 : t.preserve_host) > "u" ? !1 : t == null ? void 0 : t.preserve_host, r.fields.https_redirect_status_code = (t == null ? void 0 : t.https_redirect_status_code) || 426, (N = t == null ? void 0 : t.protocols) != null && N.length && (t.protocols.length > 1 ? r.fields.protocols = t.protocols.join() : r.fields.protocols = t.protocols[0]), r.fields.request_buffering = typeof (t == null ? void 0 : t.request_buffering) > "u" ? !0 : t == null ? void 0 : t.request_buffering, r.fields.response_buffering = typeof (t == null ? void 0 : t.response_buffering) > "u" ? !0 : t == null ? void 0 : t.response_buffering, r.fields.strip_path = typeof (t == null ? void 0 : t.strip_path) > "u" ? !0 : t == null ? void 0 : t.strip_path, Xe(r) && (r.fields.regex_priority = (t == null ? void 0 : t.regex_priority) || 0, r.fields.path_handling = (t == null ? void 0 : t.path_handling) || "v0", t != null && t.paths && (r.fields.paths = t.paths), t != null && t.snis && (r.fields.snis = t.snis), t != null && t.hosts && (r.fields.hosts = t.hosts), t != null && t.methods && (r.fields.methods = t.methods.filter((R) => Object.keys(be).includes(R)), S.value = t.methods.filter((R) => !Object.keys(be).includes(R)).map((R) => ({ label: R, value: R })), D.value = [...S.value]), t != null && t.headers && (r.fields.headers = ne(t.headers)), t != null && t.sources && (r.fields.sources = t.sources), t != null && t.destinations && (r.fields.destinations = t.destinations)), ze(r) && (r.fields.expression = (t == null ? void 0 : t.expression) || "", r.fields.priority = (t == null ? void 0 : t.priority) || 0), Object.assign(se, JSON.parse(JSON.stringify(r.fields)));
+    }, $ = M(() => {
+      switch (h.value) {
+        case q.TRADITIONAL: {
+          if (Xe(r)) {
+            const t = r.fields.hosts ? !!r.fields.hosts.filter(Boolean).length : null, c = r.fields.paths ? !!r.fields.paths.filter(Boolean).length : null, T = r.fields.headers ? r.fields.headers.some(({ header: ie }) => !!ie) : null, N = r.fields.snis ? !!r.fields.snis.filter(Boolean).length : null, R = r.fields.destinations ? r.fields.destinations.some(({ ip: ie, port: I }) => !!ie || !!I) : null, ae = r.fields.sources ? r.fields.sources.some(({ ip: ie, port: I }) => !!ie || !!I) : null, re = r.fields.methods ? !!r.fields.methods.filter(Boolean).length : null;
+            return !!r.fields.protocols && (ee(["http"]) && !!(t || re || c || T) || ee(["https"]) && !!(t || re || c || T || N) || ee(["grpc"]) && !!(t || c || T) || ee(["grpcs", "wss"]) && !!(t || c || T || N) || ee(["udp", "tls"]) && !!(R || ae || N) || ee(["tcp"]) && !!(R || ae) || ee(["tls_passthrough"]) && !!N || ee(["ws"]) && !!(t || c || T));
+          }
+          break;
+        }
+        case q.EXPRESSIONS: {
+          if (ze(r))
+            return r.fields.expression.length > 0;
+          break;
+        }
+      }
+      return !0;
+    }), pe = M(() => !We(r.fields, se) || !We(S.value, D.value)), de = M(() => {
+      var c, T;
+      let t = `${l.config.apiBaseUrl}${Se.form[l.config.app][E.value][l.serviceId ? "forGatewayService" : "all"]}`;
+      return l.config.app === "konnect" ? t = t.replace(/{controlPlaneId}/gi, ((c = l.config) == null ? void 0 : c.controlPlaneId) || "").replace(/{serviceId}/gi, l.serviceId || "") : l.config.app === "kongManager" && (t = t.replace(/\/{workspace}/gi, (T = l.config) != null && T.workspace ? `/${l.config.workspace}` : "").replace(/{serviceId}/gi, l.serviceId || "")), t = t.replace(/{id}/gi, l.routeId), t;
+    });
+    ye(() => r.fields, () => {
+      a("model-updated", Q.value);
+    }, { deep: !0 });
+    const Q = M(() => {
+      var t, c, T;
+      return {
+        ...!l.hideNameField && { name: r.fields.name || null },
+        protocols: r.fields.protocols.split(","),
+        tags: (c = (t = r.fields.tags.split(",")) == null ? void 0 : t.map((N) => String(N || "").trim())) == null ? void 0 : c.filter((N) => N !== ""),
+        service: r.fields.service_id ? { id: r.fields.service_id } : null,
+        ...(T = u.value) == null ? void 0 : T.payload
+      };
+    }), he = (t) => {
+      switch (h.value) {
+        case q.TRADITIONAL: {
+          if (!("regex_priority" in t && "path_handling" in t))
+            return !1;
+          break;
+        }
+        case q.EXPRESSIONS: {
+          if (!("priority" in t))
+            return !1;
+          break;
+        }
+      }
+      return "service" in t && "tags" in t && "protocols" in t;
+    }, ue = async (t) => {
+      var T;
+      const c = t && he(t) ? t : Q.value;
+      try {
+        r.isReadonly = !0;
+        let N;
+        E.value === "create" ? N = await y.post(de.value, c) : E.value === "edit" && (N = ((T = l.config) == null ? void 0 : T.app) === "konnect" ? await y.put(de.value, c) : await y.patch(de.value, c)), ve(N == null ? void 0 : N.data), a("update", N == null ? void 0 : N.data);
+      } catch (N) {
+        r.errorMessage = w(N), a("error", N);
+      } finally {
+        r.isReadonly = !1;
+      }
+    }, {
+      debouncedQueryChange: Oe,
+      loading: we,
+      error: Ve,
+      loadItems: Me,
+      results: De
+    } = ct(l.config, Se.form[l.config.app].services, void 0, {
+      fetchedItemsKey: "data",
+      searchKeys: ["id", "name"]
+    }), Ee = M(() => Ve.value ? g("errors.services.fetch") : ""), Re = M(() => {
+      var t;
+      return (t = De.value) == null ? void 0 : t.map((c) => ({ label: c.id, name: c.name, value: c.id }));
+    });
+    return Ye(async () => {
+      !l.hideServiceField && !l.serviceId ? await Me() : r.fields.service_id = l.serviceId;
+    }), Qe(() => {
+      a("model-updated", Q.value);
+    }), C({ saveFormData: ue, payload: Q }), rt("configType", v), (t, c) => {
+      const T = H("KInput"), N = H("KSelect");
+      return m(), O("div", qo, [
+        d(o(pt), {
+          "can-submit": $.value && pe.value,
+          config: e.config,
+          "edit-id": e.routeId,
+          "entity-type": o(Ze).Route,
+          "error-message": r.errorMessage || Ee.value,
+          "fetch-url": b.value,
+          "form-fields": Q.value,
+          "is-readonly": r.isReadonly,
+          onCancel: _,
+          "onFetch:error": Ie,
+          "onFetch:success": ve,
+          onLoading: K,
+          onSubmit: ue
+        }, {
+          "form-actions": n(() => [
+            Pe(t.$slots, "form-actions", {
+              canSubmit: $.value && pe.value,
+              cancel: _,
+              submit: ue
+            }, void 0, !0)
+          ]),
+          default: n(() => [
+            d(o(Ge), {
+              description: o(g)("form.sections.general.description"),
+              "hide-info-header": e.hideSectionsInfo,
+              title: o(g)("form.sections.general.title")
+            }, {
+              default: n(() => [
+                e.hideNameField ? P("", !0) : (m(), x(T, {
+                  key: 0,
+                  modelValue: r.fields.name,
+                  "onUpdate:modelValue": c[0] || (c[0] = (R) => r.fields.name = R),
+                  modelModifiers: { trim: !0 },
+                  autocomplete: "off",
+                  "data-testid": "route-form-name",
+                  label: o(g)("form.fields.name.label"),
+                  placeholder: o(g)("form.fields.name.placeholder"),
+                  readonly: r.isReadonly,
+                  type: "text"
+                }, null, 8, ["modelValue", "label", "placeholder", "readonly"])),
+                !e.hideServiceField && !e.serviceId ? (m(), O("div", Bo, [
+                  d(N, {
+                    modelValue: r.fields.service_id,
+                    "onUpdate:modelValue": c[1] || (c[1] = (R) => r.fields.service_id = R),
+                    clearable: "",
+                    "data-testid": "route-form-service-id",
+                    "enable-filtering": "",
+                    "filter-function": () => !0,
+                    items: Re.value,
+                    label: o(g)("form.fields.service_id.label"),
+                    loading: o(we),
+                    placeholder: o(g)("form.fields.service_id.placeholder"),
+                    readonly: r.isReadonly,
+                    "reuse-item-template": "",
+                    width: "100%",
+                    onQueryChange: o(Oe)
+                  }, {
+                    loading: n(() => [
+                      V("div", null, k(o(g)("actions.loading")), 1)
+                    ]),
+                    empty: n(() => [
+                      V("div", Go, k(o(g)("search.no_results")), 1)
+                    ]),
+                    "selected-item-template": n(({ item: R }) => [
+                      U(k(F(R)), 1)
+                    ]),
+                    "item-template": n(({ item: R }) => [
+                      V("div", Wo, [
+                        V("span", jo, k(R.name), 1),
+                        V("span", Xo, k(R.value), 1)
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue", "items", "label", "loading", "placeholder", "readonly", "onQueryChange"])
+                ])) : P("", !0),
+                d(T, {
+                  modelValue: r.fields.tags,
+                  "onUpdate:modelValue": c[2] || (c[2] = (R) => r.fields.tags = R),
+                  modelModifiers: { trim: !0 },
+                  autocomplete: "off",
+                  "data-testid": "route-form-tags",
+                  help: o(g)("form.fields.tags.help"),
+                  label: o(g)("form.fields.tags.label"),
+                  placeholder: o(g)("form.fields.tags.placeholder"),
+                  readonly: r.isReadonly,
+                  type: "text"
+                }, null, 8, ["modelValue", "help", "label", "placeholder", "readonly"])
+              ]),
+              _: 1
+            }, 8, ["description", "hide-info-header", "title"]),
+            d(o(Ge), {
+              description: o(g)("form.sections.config.description"),
+              "hide-info-header": e.hideSectionsInfo,
+              title: o(g)("form.sections.config.title")
+            }, {
+              default: n(() => [
+                d(Fo, {
+                  "config-flavor": i.value,
+                  "onUpdate:configFlavor": c[3] || (c[3] = (R) => i.value = R),
+                  "config-type": v.value,
+                  "onUpdate:configType": c[4] || (c[4] = (R) => v.value = R),
+                  "custom-methods": S.value,
+                  "onUpdate:customMethods": c[5] || (c[5] = (R) => S.value = R),
+                  fields: r.fields,
+                  "onUpdate:fields": c[6] || (c[6] = (R) => r.fields = R),
+                  "is-ws-supported": o(j),
+                  protocols: r.fields.protocols,
+                  readonly: r.isReadonly,
+                  "record-flavor": A.value,
+                  "route-flavors": e.routeFlavors,
+                  "show-expressions-modal-entry": e.showExpressionsModalEntry,
+                  tooltips: e.configTabTooltips,
+                  onNotify: c[7] || (c[7] = (R) => a("notify", R)),
+                  "onUpdate:payload": c[8] || (c[8] = (R) => u.value = R),
+                  "onUpdate:protocols": c[9] || (c[9] = (R) => r.fields.protocols = R)
+                }, null, 8, ["config-flavor", "config-type", "custom-methods", "fields", "is-ws-supported", "protocols", "readonly", "record-flavor", "route-flavors", "show-expressions-modal-entry", "tooltips"])
+              ]),
+              _: 1
+            }, 8, ["description", "hide-info-header", "title"])
+          ]),
+          _: 3
+        }, 8, ["can-submit", "config", "edit-id", "entity-type", "error-message", "fetch-url", "form-fields", "is-readonly"])
+      ]);
+    };
+  }
+}), cs = /* @__PURE__ */ Z(zo, [["__scopeId", "data-v-5be17e8c"]]), Jo = { class: "kong-ui-entities-routes-list" }, Qo = { class: "button-row" }, Yo = { key: 1 }, Zo = { key: 1 }, es = { key: 1 }, ts = { class: "route-list-cell-expression" }, os = /* @__PURE__ */ z({
+  __name: "RouteList",
+  props: {
+    /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
+    config: {
+      type: Object,
+      required: !0,
+      validator: (e) => !(!e || !["konnect", "kongManager"].includes(e == null ? void 0 : e.app) || !e.createRoute || !e.getViewRoute || !e.getEditRoute || e.app === "kongManager" && !e.isExactMatch && !e.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
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    titleTag: {
+      type: String,
+      default: "h2"
+    },
+    /** default to false, setting to true will teleport the toolbar button to the destination in the consuming app */
+    useActionOutside: {
+      type: Boolean,
+      default: !1
+    },
+    hideTraditionalColumns: {
+      type: Boolean,
+      default: !1
+    },
+    hasExpressionColumn: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["error", "click:learn-more", "copy:success", "copy:error", "delete:success"],
+  setup(e, { emit: C }) {
+    var Ae;
+    const f = C, l = e, { i18n: { t: a, formatUnixTimeStamp: v } } = J.useI18n(), i = et(), { axiosInstance: A } = Le((Ae = l.config) == null ? void 0 : Ae.axiosRequestConfig), { handleStateChange: h, hasRecords: g } = ft(() => D.value), p = M(() => g.value && l.config.app === "konnect"), y = M(() => !!l.config.serviceId), w = M(() => l.config.app !== "kongManager" || !!l.config.disableSorting), F = {
+      // the Name column is non-hidable
+      name: { label: a("routes.list.table_headers.name"), searchable: !0, sortable: !0, hidable: !1 },
+      protocols: { label: a("routes.list.table_headers.protocols"), searchable: !0 },
+      ...!l.hideTraditionalColumns && {
+        hosts: { label: a("routes.list.table_headers.hosts"), searchable: !0 },
+        methods: { label: a("routes.list.table_headers.methods"), searchable: !0 },
+        paths: { label: a("routes.list.table_headers.paths"), searchable: !0 }
+      },
+      ...l.hasExpressionColumn && {
+        expression: { label: a("routes.list.table_headers.expression"), tooltip: !0 }
+      },
+      tags: { label: a("routes.list.table_headers.tags"), sortable: !1 },
+      updated_at: { label: a("routes.list.table_headers.updated_at"), sortable: !0 },
+      created_at: { label: a("routes.list.table_headers.created_at"), sortable: !0 }
+    }, r = {
+      columnVisibility: {
+        created_at: !1
+      }
+    }, u = F, S = M(() => {
+      var c, T, N, R;
+      let t = `${l.config.apiBaseUrl}${Se.list[l.config.app][l.config.serviceId ? "forGatewayService" : "all"]}`;
+      return l.config.app === "konnect" ? t = t.replace(/{controlPlaneId}/gi, ((c = l.config) == null ? void 0 : c.controlPlaneId) || "").replace(/{serviceId}/gi, ((T = l.config) == null ? void 0 : T.serviceId) || "") : l.config.app === "kongManager" && (t = t.replace(/\/{workspace}/gi, (N = l.config) != null && N.workspace ? `/${l.config.workspace}` : "").replace(/{serviceId}/gi, ((R = l.config) == null ? void 0 : R.serviceId) || "")), t;
+    }), D = B(""), se = M(() => {
+      const t = l.config.app === "konnect" || l.config.isExactMatch;
+      if (t)
+        return {
+          isExactMatch: t,
+          // force exact placeholder if `props.config.isExactMatch` is true
+          placeholder: a(`search.placeholder.${l.config.isExactMatch ? "exact" : l.config.app}`)
+        };
+      const { name: c, protocols: T, hosts: N, methods: R, paths: ae, expression: re } = F, ie = {
+        name: c,
+        protocols: T,
+        hosts: N,
+        methods: R,
+        paths: ae,
+        ...l.hasExpressionColumn && { expression: re }
+      };
+      return {
+        isExactMatch: t,
+        fields: ie,
+        schema: l.config.filterSchema
+      };
+    }), {
+      fetcher: j,
+      fetcherState: E,
+      fetcherCacheKey: b
+    } = mt(M(() => ({ ...l.config, cacheIdentifier: l.cacheIdentifier })), S), _ = (t) => t.headerKey === "expression" ? {
+      style: {
+        maxWidth: "250px",
+        overflowX: "hidden",
+        textOverflow: "ellipsis"
+      }
+    } : {}, K = () => {
+      D.value = "";
+    }, Ie = () => {
+      b.value++;
+    }, ne = B(null), ee = async (t, c) => {
+      if (!await c(t.id)) {
+        f("copy:error", {
+          entity: t,
+          field: "id",
+          message: a("errors.copy")
+        });
+        return;
+      }
+      f("copy:success", {
+        entity: t,
+        field: "id",
+        message: a("copy.success", { val: t.id })
+      });
+    }, ve = async (t, c) => {
+      const T = JSON.stringify(t);
+      if (!await c(T)) {
+        f("copy:error", {
+          entity: t,
+          message: a("errors.copy")
+        });
+        return;
+      }
+      f("copy:success", {
+        entity: t,
+        message: a("copy.success_brief")
+      });
+    }, $ = async (t) => {
+      var T;
+      await ((T = l.canRetrieve) == null ? void 0 : T.call(l, t)) && i.push(l.config.getViewRoute(t.id));
+    }, pe = (t) => ({
+      label: a("actions.view"),
+      to: l.config.getViewRoute(t)
+    }), de = (t) => ({
+      label: a("actions.edit"),
+      to: l.config.getEditRoute(t)
+    }), Q = B(void 0), he = B(!1), ue = B(!1), Oe = B(""), we = vt(l.config, S.value), Ve = (t) => {
+      Q.value = t, he.value = !0;
+    }, Me = () => {
+      he.value = !1;
+    }, De = async () => {
+      var t, c, T;
+      if ((t = Q.value) != null && t.id) {
+        ue.value = !0;
+        try {
+          await A.delete(we(Q.value.id)), ue.value = !1, he.value = !1, b.value++, f("delete:success", Q.value);
+        } catch (N) {
+          Oe.value = ((T = (c = N.response) == null ? void 0 : c.data) == null ? void 0 : T.message) || N.message || a("errors.delete"), f("error", N);
+        } finally {
+          ue.value = !1;
+        }
+      }
+    };
+    ye(E, (t) => {
+      var c, T, N;
+      if (t.status === ht.Error) {
+        ne.value = {
+          title: a("errors.general")
+        }, (N = (T = (c = t.error) == null ? void 0 : c.response) == null ? void 0 : T.data) != null && N.message && (ne.value.message = t.error.response.data.message), f("error", t.error);
+        return;
+      }
+      ne.value = null;
+    });
+    const Ee = B({
+      ctaPath: l.config.createRoute,
+      ctaText: void 0,
+      message: `${a("routes.list.empty_state.description")}${l.config.additionMessageForEmptyState ? ` ${l.config.additionMessageForEmptyState}` : ""}`,
+      title: a("routes.title")
+    }), Re = B(!1);
+    return Ye(async () => {
+      Re.value = await l.canCreate(), Re.value && (Ee.value.title = a("routes.list.empty_state.title"), Ee.value.ctaText = a("actions.create"));
+    }), (t, c) => {
+      const T = H("KButton"), N = H("KEmptyState"), R = H("KBadge"), ae = H("KTruncate"), re = H("KDropdownItem"), ie = H("KClipboardProvider");
+      return m(), O("div", Jo, [
+        d(o(gt), {
+          "cache-identifier": e.cacheIdentifier,
+          "cell-attributes": _,
+          "default-table-preferences": r,
+          "disable-sorting": w.value,
+          "empty-state-options": Ee.value,
+          "enable-entity-actions": "",
+          "error-message": ne.value,
+          fetcher: o(j),
+          "fetcher-cache-key": o(b),
+          "pagination-type": "offset",
+          "preferences-storage-key": "kong-ui-entities-routes-list",
+          query: D.value,
+          "table-headers": o(u),
+          title: e.title,
+          "title-tag": e.titleTag,
+          onClearSearchInput: K,
+          "onClick:row": c[7] || (c[7] = (I) => $(I)),
+          onSort: Ie,
+          onState: o(h)
+        }, qe({
+          "toolbar-filter": n(() => [
+            d(o(St), {
+              modelValue: D.value,
+              "onUpdate:modelValue": c[0] || (c[0] = (I) => D.value = I),
+              config: se.value
+            }, null, 8, ["modelValue", "config"])
+          ]),
+          "toolbar-button": n(() => [
+            (m(), x(it, {
+              disabled: !e.useActionOutside,
+              to: "#kong-ui-app-page-header-action-button"
+            }, [
+              V("div", Qo, [
+                !y.value && p.value ? (m(), x(T, {
+                  key: 0,
+                  appearance: "secondary",
+                  class: "open-learning-hub",
+                  "data-testid": "routes-learn-more-button",
+                  icon: "",
+                  onClick: c[1] || (c[1] = (I) => t.$emit("click:learn-more"))
+                }, {
+                  default: n(() => [
+                    d(o(je), { decorative: "" })
+                  ]),
+                  _: 1
+                })) : P("", !0),
+                d(o(He), {
+                  "auth-function": () => e.canCreate()
+                }, {
+                  default: n(() => [
+                    d(T, {
+                      appearance: "primary",
+                      "data-testid": "toolbar-add-route",
+                      size: e.useActionOutside ? "medium" : "large",
+                      to: e.config.createRoute
+                    }, {
+                      default: n(() => [
+                        d(o($e)),
+                        U(" " + k(o(a)("routes.list.toolbar_actions.new_route")), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["size", "to"])
+                  ]),
+                  _: 1
+                }, 8, ["auth-function"])
+              ])
+            ], 8, ["disabled"]))
+          ]),
+          name: n(({ rowValue: I }) => [
+            V("b", null, k(I ?? "-"), 1)
+          ]),
+          protocols: n(({ rowValue: I }) => [
+            d(ae, null, {
+              default: n(() => [
+                (m(!0), O(G, null, le(I, (L) => (m(), x(R, {
+                  key: L,
+                  appearance: "neutral",
+                  onClick: c[3] || (c[3] = ke(() => {
+                  }, ["stop"]))
+                }, {
+                  default: n(() => [
+                    U(k(L), 1)
+                  ]),
+                  _: 2
+                }, 1024))), 128))
+              ]),
+              _: 2
+            }, 1024)
+          ]),
+          hosts: n(({ rowValue: I }) => [
+            (I == null ? void 0 : I.length) > 0 ? (m(), x(ae, { key: 0 }, {
+              default: n(() => [
+                (m(!0), O(G, null, le(I, (L) => (m(), x(R, {
+                  key: L,
+                  appearance: "neutral",
+                  tooltip: L,
+                  "truncation-tooltip": "",
+                  onClick: c[4] || (c[4] = ke(() => {
+                  }, ["stop"]))
+                }, {
+                  default: n(() => [
+                    U(k(L), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["tooltip"]))), 128))
+              ]),
+              _: 2
+            }, 1024)) : (m(), O("span", Yo, "-"))
+          ]),
+          methods: n(({ rowValue: I }) => [
+            (I == null ? void 0 : I.length) > 0 ? (m(), x(ae, { key: 0 }, {
+              default: n(() => [
+                (m(!0), O(G, null, le(I, (L) => (m(), x(R, {
+                  key: L,
+                  appearance: Object.values(o(kt)).includes(L.toLowerCase()) ? L.toLowerCase() : "custom",
+                  onClick: c[5] || (c[5] = ke(() => {
+                  }, ["stop"]))
+                }, {
+                  default: n(() => [
+                    U(k(L), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["appearance"]))), 128))
+              ]),
+              _: 2
+            }, 1024)) : (m(), O("span", Zo, "-"))
+          ]),
+          paths: n(({ rowValue: I }) => [
+            (I == null ? void 0 : I.length) > 0 ? (m(), x(ae, { key: 0 }, {
+              default: n(() => [
+                (m(!0), O(G, null, le(I, (L) => (m(), x(R, {
+                  key: L,
+                  appearance: "neutral",
+                  tooltip: L,
+                  "truncation-tooltip": "",
+                  onClick: c[6] || (c[6] = ke(() => {
+                  }, ["stop"]))
+                }, {
+                  default: n(() => [
+                    U(k(L), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["tooltip"]))), 128))
+              ]),
+              _: 2
+            }, 1024)) : (m(), O("span", es, "-"))
+          ]),
+          tags: n(({ rowValue: I }) => [
+            d(o(yt), { tags: I }, null, 8, ["tags"])
+          ]),
+          expression: n(({ rowValue: I }) => [
+            V("span", ts, k(I || "-"), 1)
+          ]),
+          created_at: n(({ rowValue: I }) => [
+            U(k(o(v)(I)), 1)
+          ]),
+          updated_at: n(({ row: I, rowValue: L }) => [
+            U(k(o(v)(L ?? I.created_at)), 1)
+          ]),
+          actions: n(({ row: I }) => [
+            d(ie, null, {
+              default: n(({ copyToClipboard: L }) => [
+                d(re, {
+                  "data-testid": "action-entity-copy-id",
+                  onClick: (ot) => ee(I, L)
+                }, {
+                  default: n(() => [
+                    U(k(o(a)("actions.copy_id")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 2
+            }, 1024),
+            d(ie, null, {
+              default: n(({ copyToClipboard: L }) => [
+                d(re, {
+                  "data-testid": "action-entity-copy-json",
+                  onClick: (ot) => ve(I, L)
+                }, {
+                  default: n(() => [
+                    U(k(o(a)("actions.copy_json")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 2
+            }, 1024),
+            d(o(He), {
+              "auth-function": () => e.canRetrieve(I)
+            }, {
+              default: n(() => [
+                d(re, {
+                  "data-testid": "action-entity-view",
+                  "has-divider": "",
+                  item: pe(I.id)
+                }, null, 8, ["item"])
+              ]),
+              _: 2
+            }, 1032, ["auth-function"]),
+            d(o(He), {
+              "auth-function": () => e.canEdit(I)
+            }, {
+              default: n(() => [
+                d(re, {
+                  "data-testid": "action-entity-edit",
+                  item: de(I.id)
+                }, null, 8, ["item"])
+              ]),
+              _: 2
+            }, 1032, ["auth-function"]),
+            d(o(He), {
+              "auth-function": () => e.canDelete(I)
+            }, {
+              default: n(() => [
+                d(re, {
+                  danger: "",
+                  "data-testid": "action-entity-delete",
+                  "has-divider": "",
+                  onClick: (L) => Ve(I)
+                }, {
+                  default: n(() => [
+                    U(k(o(a)("actions.delete")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 2
+            }, 1032, ["auth-function"])
+          ]),
+          _: 2
+        }, [
+          !D.value && e.config.app === "konnect" ? {
+            name: "empty-state",
+            fn: n(() => {
+              var I;
+              return [
+                d(N, {
+                  "data-testid": e.config.serviceId ? "nested-routes-entity-empty-state" : "routes-entity-empty-state",
+                  "icon-background": "",
+                  message: o(a)("routes.list.empty_state_v2.description"),
+                  title: o(a)("routes.list.empty_state_v2.title")
+                }, qe({
+                  icon: n(() => [
+                    d(o(Ot), { decorative: "" })
+                  ]),
+                  action: n(() => [
+                    Re.value ? (m(), x(T, {
+                      key: 0,
+                      "data-testid": "entity-create-button",
+                      to: e.config.createRoute
+                    }, {
+                      default: n(() => [
+                        d(o($e), { decorative: "" }),
+                        U(" " + k(o(a)("routes.list.toolbar_actions.new_route")), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["to"])) : P("", !0),
+                    d(T, {
+                      appearance: "secondary",
+                      "data-testid": "entity-learn-more-button",
+                      onClick: c[2] || (c[2] = (L) => t.$emit("click:learn-more"))
+                    }, {
+                      default: n(() => [
+                        d(o(je), { decorative: "" }),
+                        U(" " + k(o(a)("routes.list.empty_state_v2.learn_more")), 1)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 2
+                }, [
+                  (I = e.config) != null && I.isControlPlaneGroup ? {
+                    name: "default",
+                    fn: n(() => [
+                      U(k(o(a)("routes.list.empty_state_v2.group")), 1)
+                    ]),
+                    key: "0"
+                  } : void 0
+                ]), 1032, ["data-testid", "message", "title"])
+              ];
+            }),
+            key: "0"
+          } : void 0
+        ]), 1032, ["cache-identifier", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "query", "table-headers", "title", "title-tag", "onState"]),
+        d(o(bt), {
+          "action-pending": ue.value,
+          description: o(a)("delete.description"),
+          "entity-name": Q.value && (Q.value.name || Q.value.id),
+          "entity-type": o(_t).Route,
+          error: Oe.value,
+          title: o(a)("delete.title"),
+          visible: he.value,
+          onCancel: Me,
+          onProceed: De
+        }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"])
+      ]);
+    };
+  }
+}), ps = /* @__PURE__ */ Z(os, [["__scopeId", "data-v-c68bbf3f"]]);
+export {
+  ge as E,
+  tt as H,
+  W as I,
+  be as M,
+  Ue as P,
+  cs as R,
+  us as _,
+  Fo as a,
+  ps as b,
+  J as c,
+  Pt as d,
+  Ce as e,
+  Lt as f,
+  q as g,
+  s as h,
+  ze as i,
+  Ko as j,
+  Xe as s
+};