@kong-ui-public/entities-routes 3.17.14-pr.2781.b1238e65f.0 → 3.17.15-pr.2790.95b70759b.0

package/dist/index-CfYLdXXX.js

@@ -0,0 +1,2640 @@
+import { defineComponent as z, ref as B, computed as w, resolveComponent as N, createElementBlock as k, openBlock as m, createVNode as d, unref as t, withCtx as u, createBlock as x, toDisplayString as H, inject as De, createCommentVNode as P, createElementVNode as V, mergeModels as Y, useModel as X, createTextVNode as U, TransitionGroup as he, Fragment as G, renderList as re, nextTick as lt, defineAsyncComponent as rt, h as Ke, onMounted as Ye, renderSlot as Le, resolveDynamicComponent as qe, watch as _e, reactive as Ce, onBeforeMount as Ze, provide as it, createSlots as Be, withModifiers as Ne, Teleport as at } from "vue";
+import { useAxios as Fe, ConfigurationSchemaType as ve, ConfigurationSchemaSection as pe, EntityBaseConfigCard as nt, SupportedEntityType as et, InternalLinkItem as ut, useErrors as dt, useGatewayFeatureSupported as ct, EntityBaseFormType as Ge, useDebouncedFilter as pt, EntityBaseForm as ft, EntityFormSection as We, useTableState as mt, useFetcher as vt, useDeleteUrlBuilder as ht, FetcherStatus as gt, EntityBaseTable as yt, PermissionsWrapper as ke, TableTags as bt, EntityFilter as St, EntityDeleteModal as _t, EntityTypes as Tt } from "@kong-ui-public/entities-shared";
+import { createI18n as It, i18nTComponent as Et } from "@kong-ui-public/i18n";
+import je from "lodash.isequal";
+import { useRouter as tt } from "vue-router";
+import { AddIcon as Ue, CloseIcon as Rt, RocketIcon as At, InfoIcon as Ot, BookIcon as Xe, ForwardIcon as kt } from "@kong/icons";
+import { BadgeMethodAppearances as Ht } from "@kong/kongponents";
+const oe = "/v2/control-planes/{controlPlaneId}/core-entities", se = "/{workspace}", Te = {
+  list: {
+    konnect: {
+      all: `${oe}/routes`,
+      forGatewayService: `${oe}/services/{serviceId}/routes`
+    },
+    kongManager: {
+      all: `${se}/routes`,
+      forGatewayService: `${se}/services/{serviceId}/routes`
+    }
+  },
+  form: {
+    konnect: {
+      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}`
+      }
+    },
+    kongManager: {
+      services: `${se}/services`,
+      create: {
+        all: `${se}/routes`,
+        forGatewayService: `${se}/services/{serviceId}/routes`
+      },
+      fetch: {
+        all: `${se}/routes/{id}`,
+        forGatewayService: `${se}/services/{serviceId}/routes/{id}`
+      },
+      edit: {
+        all: `${se}/routes/{id}`,
+        forGatewayService: `${se}/services/{serviceId}/routes/{id}`
+      }
+    }
+  },
+  item: {
+    konnect: {
+      getService: `${oe}/services/{serviceId}`,
+      all: `${oe}/routes/{id}`,
+      forGatewayService: `${oe}/services/{serviceId}/routes/{id}`
+    },
+    kongManager: {
+      getService: `${se}/services/{serviceId}`,
+      all: `${se}/routes/{id}`,
+      forGatewayService: `${se}/services/{serviceId}/routes/{id}`
+    }
+  }
+}, Nt = {
+  create: "New route",
+  debugger: "Start debugging",
+  copy_id: "Copy ID",
+  copy_json: "Copy JSON",
+  edit: "Edit",
+  delete: "Delete",
+  clear: "Clear",
+  view: "View Details",
+  loading: "Loading..."
+}, Ct = {
+  placeholder: {
+    konnect: "Filter by name",
+    exact: "Filter by exact name or ID",
+    kongManager: "Filter by exact name or ID"
+  },
+  no_results: "No results found"
+}, xt = {
+  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"
+    }
+  }
+}, Dt = {
+  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"
+  }
+}, Vt = {
+  success: "Copied {val} to clipboard",
+  success_brief: "Successfully copied to clipboard"
+}, wt = {
+  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: Nt,
+  search: Ct,
+  routes: xt,
+  delete: {
+    title: "Delete a Route",
+    description: "Deleting this route will also remove any associated plugins. This action cannot be reversed."
+  },
+  errors: Dt,
+  copy: Vt,
+  form: wt
+};
+function $t() {
+  const e = It("en-us", Mt);
+  return {
+    i18n: e,
+    i18nT: Et(e)
+    // Translation component <i18n-t>
+  };
+}
+const J = {
+  useI18n: $t
+}, Ut = { class: "kong-ui-entities-route-entity-config-card" }, Pt = { key: 2 }, cs = /* @__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, o = e, { axiosInstance: a } = Fe((F = o.config) == null ? void 0 : F.axiosRequestConfig), { i18n: { t: v } } = J.useI18n(), i = B(""), A = B(""), h = B(!1), g = w(
+      () => {
+        var r, c;
+        return (c = Te.item[(r = o.config) == null ? void 0 : r.app]) == null ? void 0 : c[o.serviceId ? "forGatewayService" : "all"].replace(/{serviceId}/gi, o.serviceId);
+      }
+    ), p = w(() => {
+      var r;
+      return (r = Te.item[o.config.app]) == null ? void 0 : r.getService;
+    }), y = async (r) => {
+      var S, M, le;
+      if (i.value = o.serviceId || ((S = r == null ? void 0 : r.service) == null ? void 0 : S.id), f("fetch:success", r), !i.value)
+        return;
+      let c = `${o.config.apiBaseUrl}${p.value}`;
+      o.config.app === "konnect" ? c = c.replace(/{controlPlaneId}/gi, ((M = o.config) == null ? void 0 : M.controlPlaneId) || "").replace(/{serviceId}/gi, i.value || "") : o.config.app === "kongManager" && (c = c.replace(/\/{workspace}/gi, (le = o.config) != null && le.workspace ? `/${o.config.workspace}` : "").replace(/{serviceId}/gi, i.value || ""));
+      try {
+        h.value = !0;
+        const { data: j } = await a.get(c);
+        A.value = (j == null ? void 0 : j.name) || (j == null ? void 0 : j.id);
+      } catch (j) {
+        f("fetch:error", j);
+      } finally {
+        h.value = !1;
+      }
+    }, D = B({
+      id: {},
+      name: {
+        tooltip: v("form.fields.name.tooltip")
+      },
+      created_at: {},
+      updated_at: {},
+      service: {
+        label: v("form.fields.service.label"),
+        section: pe.Basic,
+        tooltip: v("form.fields.service.tooltip"),
+        order: 5
+      },
+      tags: {
+        tooltip: v("form.fields.tags.tooltip"),
+        order: 6
+      },
+      protocols: {
+        section: pe.Basic,
+        tooltip: v("form.fields.protocols.tooltip"),
+        type: ve.BadgeTag,
+        order: 7
+      },
+      paths: {
+        section: pe.Basic,
+        tooltip: v("form.fields.paths.tooltip"),
+        type: ve.CopyBadge,
+        order: 8
+      },
+      hosts: {
+        section: pe.Basic,
+        tooltip: v("form.fields.hosts.tooltip"),
+        type: ve.CopyBadge,
+        order: 9
+      },
+      snis: {
+        label: v("form.fields.snis.label"),
+        tooltip: v("form.fields.snis.tooltip"),
+        order: 10
+      },
+      headers: {
+        section: pe.Basic,
+        tooltip: v("form.fields.headers.tooltip"),
+        order: 11
+      },
+      methods: {
+        section: pe.Basic,
+        tooltip: v("form.fields.methods.tooltip"),
+        type: ve.BadgeMethod,
+        order: 12
+      },
+      sources: {
+        section: pe.Basic,
+        tooltip: v("form.fields.sources.tooltip"),
+        type: ve.JsonArray,
+        order: 13
+      },
+      destinations: {
+        section: pe.Basic,
+        tooltip: v("form.fields.destinations.tooltip"),
+        type: ve.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, c) => {
+      const S = N("KSkeleton");
+      return m(), k("div", Ut, [
+        d(t(nt), {
+          config: e.config,
+          "config-card-doc": e.configCardDoc,
+          "config-schema": D.value,
+          "entity-type": t(et).Route,
+          "fetch-url": g.value,
+          "hide-title": e.hideTitle,
+          "onFetch:error": c[0] || (c[0] = (M) => r.$emit("fetch:error", M)),
+          "onFetch:success": y,
+          onLoading: c[1] || (c[1] = (M) => r.$emit("loading", M))
+        }, {
+          service: u(({ row: M }) => [
+            h.value ? (m(), x(S, {
+              key: 0,
+              "data-testid": "service-name-loader",
+              type: "spinner"
+            })) : M.value && M.value.id === i.value && A.value ? (m(), x(t(ut), {
+              key: 1,
+              item: {
+                key: M.value.id,
+                value: A.value,
+                type: t(ve).LinkInternal
+              },
+              onNavigationClick: () => r.$emit("navigation-click", M.value.id, "services")
+            }, null, 8, ["item", "onNavigationClick"])) : (m(), k("div", Pt, H("-")))
+          ]),
+          _: 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 || {}), Se = /* @__PURE__ */ ((e) => (e.LOADING = "loading", e.ERROR = "error", e.READY = "ready", e))(Se || {}), Ie = /* @__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))(Ie || {});
+const ze = (e) => e.routeFlavors.traditional === !0, Je = (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 }]
+}, Pe = {
+  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]
+}, ot = [
+  { label: "426", value: 426 },
+  { label: "301", value: 301 },
+  { label: "302", value: 302 },
+  { label: "307", value: 307 },
+  { label: "308", value: 308 }
+], Lt = [
+  { label: "v0", value: "v0" },
+  { label: "v1", value: "v1" }
+], xe = {
+  https_redirect_status_code: 426,
+  strip_path: !0,
+  preserve_host: !1,
+  request_buffering: !0,
+  response_buffering: !0
+}, Ft = {
+  ...xe,
+  paths: [""],
+  regex_priority: 0,
+  path_handling: "v0",
+  expression: "",
+  priority: 0
+}, Kt = /* @__PURE__ */ z({
+  __name: "RuleControlsAdd",
+  props: {
+    routingRulesEntity: {}
+  },
+  emits: ["add"],
+  setup(e, { emit: C }) {
+    const f = e, o = C, a = De("configType", "basic"), { i18n: { t: v } } = J.useI18n(), i = w(() => v(`form.fields.${f.routingRulesEntity}.add`));
+    return (A, h) => {
+      const g = N("KButton");
+      return t(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) => o("add"))
+      }, {
+        default: u(() => [
+          d(t(Ue)),
+          V("span", null, H(i.value), 1)
+        ]),
+        _: 1
+      }, 8, ["data-testid"])) : P("", !0);
+    };
+  }
+}), Z = (e, C) => {
+  const f = e.__vccOpts || e;
+  for (const [o, a] of C)
+    f[o] = a;
+  return f;
+}, Ee = /* @__PURE__ */ Z(Kt, [["__scopeId", "data-v-f1f4cfc9"]]), qt = "#afb7c5", Bt = "#0044f4", Gt = "16px", Re = /* @__PURE__ */ z({
+  __name: "RuleControlsRemove",
+  props: {
+    disabled: { type: Boolean },
+    routingRulesEntity: {}
+  },
+  emits: ["remove"],
+  setup(e, { emit: C }) {
+    const f = C, o = De("configType", "basic");
+    return (a, v) => {
+      const i = N("KButton");
+      return t(o) !== "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: u(() => [
+          d(t(Rt), {
+            color: e.disabled ? t(qt) : t(Bt)
+          }, null, 8, ["color"])
+        ]),
+        _: 1
+      }, 8, ["data-testid", "disabled"])) : P("", !0);
+    };
+  }
+}), Wt = { class: "routing-rule-container" }, jt = ["innerHTML"], Xt = /* @__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(), o = X(e, "modelValue"), a = C;
+    return (v, i) => {
+      const A = N("KLabel"), h = N("KInput");
+      return m(), k("div", Wt, [
+        d(A, { "tooltip-attributes": { maxWidth: "320" } }, {
+          tooltip: u(() => [
+            V("span", {
+              innerHTML: t(f)("form.fields.destinations.tooltip")
+            }, null, 8, jt)
+          ]),
+          default: u(() => [
+            U(" " + H(t(f)("form.fields.destinations.label")), 1)
+          ]),
+          _: 1
+        }),
+        d(he, { name: "appear" }, {
+          default: u(() => [
+            (m(!0), k(G, null, re(o.value, (g, p) => (m(), k("div", {
+              key: p,
+              class: "routing-rule-input"
+            }, [
+              d(h, {
+                modelValue: o.value[p].ip,
+                "onUpdate:modelValue": (y) => o.value[p].ip = y,
+                modelModifiers: { trim: !0 },
+                "data-testid": `route-form-destinations-ip-input-${p + 1}`,
+                placeholder: t(f)("form.fields.destinations.ip.placeholder")
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "placeholder"]),
+              d(h, {
+                modelValue: o.value[p].port,
+                "onUpdate:modelValue": (y) => o.value[p].port = y,
+                modelModifiers: { number: !0 },
+                "data-testid": `route-form-destinations-port-input-${p + 1}`,
+                max: "65535",
+                min: "0",
+                placeholder: t(f)("form.fields.destinations.port.placeholder"),
+                type: "number"
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "placeholder"]),
+              d(Re, {
+                disabled: o.value.length === 1,
+                "routing-rules-entity": t(s).DESTINATIONS,
+                onRemove: (y) => a("remove", p)
+              }, null, 8, ["disabled", "routing-rules-entity", "onRemove"])
+            ]))), 128))
+          ]),
+          _: 1
+        }),
+        d(Ee, {
+          "routing-rules-entity": t(s).DESTINATIONS,
+          onAdd: i[0] || (i[0] = (g) => a("add"))
+        }, null, 8, ["routing-rules-entity"])
+      ]);
+    };
+  }
+}), zt = /* @__PURE__ */ Z(Xt, [["__scopeId", "data-v-3eb40a37"]]), Jt = { class: "routing-rule-container" }, Qt = ["innerHTML"], Yt = /* @__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(), o = X(e, "modelValue"), a = C;
+    return (v, i) => {
+      const A = N("KLabel"), h = N("KInput");
+      return m(), k("div", Jt, [
+        d(A, { "tooltip-attributes": { maxWidth: "320" } }, {
+          tooltip: u(() => [
+            V("span", {
+              innerHTML: t(f)("form.fields.headers.tooltip")
+            }, null, 8, Qt)
+          ]),
+          default: u(() => [
+            U(" " + H(t(f)("form.fields.headers.label")), 1)
+          ]),
+          _: 1
+        }),
+        d(he, { name: "appear" }, {
+          default: u(() => [
+            (m(!0), k(G, null, re(o.value, (g, p) => (m(), k("div", {
+              key: p,
+              class: "routing-rule-input"
+            }, [
+              d(h, {
+                modelValue: o.value[p].header,
+                "onUpdate:modelValue": (y) => o.value[p].header = y,
+                modelModifiers: { trim: !0 },
+                "data-testid": `route-form-headers-name-input-${p + 1}`,
+                placeholder: t(f)("form.fields.headers.name.placeholder")
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "placeholder"]),
+              d(h, {
+                modelValue: o.value[p].values,
+                "onUpdate:modelValue": (y) => o.value[p].values = y,
+                modelModifiers: { trim: !0 },
+                "data-testid": `route-form-headers-values-input-${p + 1}`,
+                placeholder: t(f)("form.fields.headers.values.placeholder")
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "placeholder"]),
+              d(Re, {
+                disabled: o.value.length === 1,
+                "routing-rules-entity": t(s).HEADERS,
+                onRemove: (y) => a("remove", p)
+              }, null, 8, ["disabled", "routing-rules-entity", "onRemove"])
+            ]))), 128))
+          ]),
+          _: 1
+        }),
+        d(Ee, {
+          "routing-rules-entity": t(s).HEADERS,
+          onAdd: i[0] || (i[0] = (g) => a("add"))
+        }, null, 8, ["routing-rules-entity"])
+      ]);
+    };
+  }
+}), Zt = /* @__PURE__ */ Z(Yt, [["__scopeId", "data-v-d3bede0b"]]), eo = { class: "routing-rule-container" }, to = ["innerHTML"], oo = /* @__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(), o = X(e, "modelValue"), a = C, v = De("configType", "basic");
+    return (i, A) => {
+      const h = N("KLabel"), g = N("KInput");
+      return m(), k("div", eo, [
+        d(h, { "tooltip-attributes": { maxWidth: "320" } }, {
+          tooltip: u(() => [
+            V("span", {
+              innerHTML: t(f)("form.fields.hosts.tooltip")
+            }, null, 8, to)
+          ]),
+          default: u(() => [
+            U(" " + H(t(v) === "basic" ? t(f)("form.fields.hosts.label_singular") : t(f)("form.fields.hosts.label")), 1)
+          ]),
+          _: 1
+        }),
+        d(he, { name: "appear" }, {
+          default: u(() => [
+            (m(!0), k(G, null, re(t(v) === "basic" ? o.value.slice(0, 1) : o.value, (p, y) => (m(), k("div", {
+              key: y,
+              class: "routing-rule-input"
+            }, [
+              d(g, {
+                modelValue: o.value[y],
+                "onUpdate:modelValue": (D) => o.value[y] = D,
+                modelModifiers: { trim: !0 },
+                "data-testid": `route-form-hosts-input-${y + 1}`,
+                placeholder: t(f)("form.fields.hosts.placeholder")
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "placeholder"]),
+              d(Re, {
+                disabled: o.value.length === 1,
+                "routing-rules-entity": t(s).HOSTS,
+                onRemove: (D) => a("remove", y)
+              }, null, 8, ["disabled", "routing-rules-entity", "onRemove"])
+            ]))), 128))
+          ]),
+          _: 1
+        }),
+        d(Ee, {
+          "routing-rules-entity": t(s).HOSTS,
+          onAdd: A[0] || (A[0] = (p) => a("add"))
+        }, null, 8, ["routing-rules-entity"])
+      ]);
+    };
+  }
+}), so = /* @__PURE__ */ Z(oo, [["__scopeId", "data-v-dccd9082"]]), lo = {
+  class: "routing-rule-container",
+  "data-testid": "route-form-methods"
+}, ro = ["innerHTML"], io = { class: "routing-rule-input" }, ao = /* @__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"), o = X(e, "customMethods"), a = w(() => f.value.filter((g) => Object.keys(Ie).includes(g)).concat(o.value.map((g) => g.value))), v = w(() => Object.keys(Ie).map((g) => ({
+      label: g,
+      value: g
+    })).concat(o.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 ? o.value.push(g) : o.value = o.value.filter((y) => y.value !== g.value);
+    }, h = (g) => {
+      f.value = g;
+    };
+    return (g, p) => {
+      const y = N("KLabel"), D = N("KMultiselect");
+      return m(), k("div", lo, [
+        d(y, { "tooltip-attributes": { maxWidth: "320" } }, {
+          tooltip: u(() => [
+            V("span", {
+              innerHTML: t(C)("form.fields.methods.tooltip")
+            }, null, 8, ro)
+          ]),
+          default: u(() => [
+            U(" " + H(t(C)("form.fields.methods.label")), 1)
+          ]),
+          _: 1
+        }),
+        V("div", io, [
+          d(D, {
+            "enable-item-creation": "",
+            "item-creation-validator": i,
+            items: v.value,
+            "model-value": a.value,
+            placeholder: t(C)("form.fields.methods.placeholder"),
+            "search-placeholder": t(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"])
+        ])
+      ]);
+    };
+  }
+}), no = /* @__PURE__ */ Z(ao, [["__scopeId", "data-v-6c94d6d2"]]), uo = { class: "routing-rule-container" }, co = ["innerHTML"], po = /* @__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(), o = X(e, "modelValue"), a = C, v = De("configType", "basic");
+    return (i, A) => {
+      const h = N("KLabel"), g = N("KInput");
+      return m(), k("div", uo, [
+        d(h, { "tooltip-attributes": { maxWidth: "320" } }, {
+          tooltip: u(() => [
+            V("span", {
+              innerHTML: t(f)("form.fields.paths.tooltip")
+            }, null, 8, co)
+          ]),
+          default: u(() => [
+            U(" " + H(t(v) === "basic" ? t(f)("form.fields.paths.label_singular") : t(f)("form.fields.paths.label")), 1)
+          ]),
+          _: 1
+        }),
+        d(he, { name: "appear" }, {
+          default: u(() => [
+            (m(!0), k(G, null, re(t(v) === "basic" ? o.value.slice(0, 1) : o.value, (p, y) => (m(), k("div", {
+              key: y,
+              class: "routing-rule-input"
+            }, [
+              d(g, {
+                modelValue: o.value[y],
+                "onUpdate:modelValue": (D) => o.value[y] = D,
+                modelModifiers: { trim: !0 },
+                "data-testid": `route-form-paths-input-${y + 1}`,
+                placeholder: t(f)("form.fields.paths.placeholder")
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "placeholder"]),
+              d(Re, {
+                disabled: o.value.length === 1,
+                "routing-rules-entity": t(s).PATHS,
+                onRemove: (D) => a("remove", y)
+              }, null, 8, ["disabled", "routing-rules-entity", "onRemove"])
+            ]))), 128))
+          ]),
+          _: 1
+        }),
+        d(Ee, {
+          "routing-rules-entity": t(s).PATHS,
+          onAdd: A[0] || (A[0] = (p) => a("add"))
+        }, null, 8, ["routing-rules-entity"])
+      ]);
+    };
+  }
+}), fo = /* @__PURE__ */ Z(po, [["__scopeId", "data-v-eb440a9e"]]), mo = { class: "routing-rule-container" }, vo = ["innerHTML"], ho = /* @__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(), o = X(e, "modelValue"), a = C;
+    return (v, i) => {
+      const A = N("KLabel"), h = N("KInput");
+      return m(), k("div", mo, [
+        d(A, { "tooltip-attributes": { maxWidth: "320" } }, {
+          tooltip: u(() => [
+            V("span", {
+              innerHTML: t(f)("form.fields.snis.tooltip")
+            }, null, 8, vo)
+          ]),
+          default: u(() => [
+            U(" " + H(t(f)("form.fields.snis.label")), 1)
+          ]),
+          _: 1
+        }),
+        d(he, { name: "appear" }, {
+          default: u(() => [
+            (m(!0), k(G, null, re(o.value, (g, p) => (m(), k("div", {
+              key: p,
+              class: "routing-rule-input"
+            }, [
+              d(h, {
+                modelValue: o.value[p],
+                "onUpdate:modelValue": (y) => o.value[p] = y,
+                modelModifiers: { trim: !0 },
+                "data-testid": `route-form-snis-input-${p + 1}`,
+                placeholder: t(f)("form.fields.snis.placeholder")
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "placeholder"]),
+              d(Re, {
+                disabled: o.value.length === 1,
+                "routing-rules-entity": t(s).SNIS,
+                onRemove: (y) => a("remove", p)
+              }, null, 8, ["disabled", "routing-rules-entity", "onRemove"])
+            ]))), 128))
+          ]),
+          _: 1
+        }),
+        d(Ee, {
+          "routing-rules-entity": t(s).SNIS,
+          onAdd: i[0] || (i[0] = (g) => a("add"))
+        }, null, 8, ["routing-rules-entity"])
+      ]);
+    };
+  }
+}), go = /* @__PURE__ */ Z(ho, [["__scopeId", "data-v-e6782e08"]]), yo = { class: "routing-rule-container" }, bo = ["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(), o = X(e, "modelValue"), a = C;
+    return (v, i) => {
+      const A = N("KLabel"), h = N("KInput");
+      return m(), k("div", yo, [
+        d(A, { "tooltip-attributes": { maxWidth: "320" } }, {
+          tooltip: u(() => [
+            V("span", {
+              innerHTML: t(f)("form.fields.sources.tooltip")
+            }, null, 8, bo)
+          ]),
+          default: u(() => [
+            U(" " + H(t(f)("form.fields.sources.label")), 1)
+          ]),
+          _: 1
+        }),
+        d(he, { name: "appear" }, {
+          default: u(() => [
+            (m(!0), k(G, null, re(o.value, (g, p) => (m(), k("div", {
+              key: p,
+              class: "routing-rule-input"
+            }, [
+              d(h, {
+                modelValue: o.value[p].ip,
+                "onUpdate:modelValue": (y) => o.value[p].ip = y,
+                modelModifiers: { trim: !0 },
+                "data-testid": `route-form-sources-ip-input-${p + 1}`,
+                placeholder: t(f)("form.fields.sources.ip.placeholder")
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "placeholder"]),
+              d(h, {
+                modelValue: o.value[p].port,
+                "onUpdate:modelValue": (y) => o.value[p].port = y,
+                modelModifiers: { number: !0 },
+                "data-testid": `route-form-sources-port-input-${p + 1}`,
+                max: "65535",
+                min: "0",
+                placeholder: t(f)("form.fields.sources.port.placeholder"),
+                type: "number"
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "placeholder"]),
+              d(Re, {
+                disabled: o.value.length === 1,
+                "routing-rules-entity": t(s).SOURCES,
+                onRemove: (y) => a("remove", p)
+              }, null, 8, ["disabled", "routing-rules-entity", "onRemove"])
+            ]))), 128))
+          ]),
+          _: 1
+        }),
+        d(Ee, {
+          "routing-rules-entity": t(s).SOURCES,
+          onAdd: i[0] || (i[0] = (g) => a("add"))
+        }, null, 8, ["routing-rules-entity"])
+      ]);
+    };
+  }
+}), _o = /* @__PURE__ */ Z(So, [["__scopeId", "data-v-448078c1"]]), To = { class: "traditional-rules-hint" }, Io = { key: 0 }, Eo = ["innerHTML"], Ro = {
+  key: 0,
+  class: "route-form-fields-container route-form-advanced-fields-container"
+}, Ao = ["innerHTML"], Oo = ["innerHTML"], ko = ["innerHTML"], Ho = ["innerHTML"], No = ["innerHTML"], Co = ["innerHTML"], xo = /* @__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: o } } = 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, c) => {
+      if (typeof c < "u") {
+        const S = i.value[r];
+        if (Array.isArray(S) && (S.splice(c, 1), S.length > 0))
+          return;
+      }
+      await lt(() => {
+        delete i.value[r];
+      });
+    }, p = (r) => r.some((c) => v.protocols.includes(c)), y = w(() => new Set(Pe[v.protocols])), D = w(() => {
+      if (p(["tls_passthrough"]))
+        return [F(s.SNIS)];
+      const r = (v.configType === "basic" ? [s.PATHS, s.METHODS, s.HOSTS] : Pe[v.protocols]).map((c) => F(c));
+      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, c) => {
+      const S = N("KCheckbox"), M = N("KSelect"), le = N("KInput"), j = N("KCard");
+      return m(), x(j, null, {
+        default: u(() => {
+          var E;
+          return [
+            V("span", To, [
+              d(t(C), { keypath: "form.hint.rules_message" }, {
+                protocol: u(() => [
+                  V("b", null, H(t(a)[e.protocols]), 1)
+                ]),
+                routingRules: u(() => [
+                  d(t(C), {
+                    keypath: D.value[1] ? "form.hint.multiple_rules" : "form.hint.single_rule"
+                  }, {
+                    routingRules: u(() => [
+                      U(H(D.value[0]), 1)
+                    ]),
+                    lastRoutingRule: u(() => [
+                      U(H(D.value[1]), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["keypath"])
+                ]),
+                _: 1
+              }),
+              e.configType === "basic" ? (m(), k("span", Io, H(t(o)("form.hint.advanced")), 1)) : P("", !0)
+            ]),
+            d(he, { name: "appear" }, {
+              default: u(() => {
+                var _;
+                return [
+                  i.value.paths && y.value.has(t(s).PATHS) ? (m(), x(fo, {
+                    key: "paths-container",
+                    modelValue: i.value.paths,
+                    "onUpdate:modelValue": c[0] || (c[0] = (T) => i.value.paths = T),
+                    onAdd: c[1] || (c[1] = (T) => h(t(s).PATHS)),
+                    onRemove: c[2] || (c[2] = (T) => g(t(s).PATHS, T))
+                  }, null, 8, ["modelValue"])) : P("", !0),
+                  p(["http", "https", "ws", "wss"]) ? (m(), x(S, {
+                    key: 1,
+                    modelValue: i.value.strip_path,
+                    "onUpdate:modelValue": c[3] || (c[3] = (T) => i.value.strip_path = T),
+                    class: "route-form-strip-path",
+                    "data-testid": "route-form-strip-path",
+                    disabled: !((_ = i.value.paths) != null && _.some(Boolean)),
+                    label: t(o)("form.fields.strip_path.label"),
+                    "label-attributes": {
+                      tooltipAttributes: { maxWidth: "320" }
+                    }
+                  }, {
+                    tooltip: u(() => [
+                      V("span", {
+                        innerHTML: t(o)("form.fields.strip_path.tooltip")
+                      }, null, 8, Eo)
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue", "disabled", "label"])) : P("", !0),
+                  i.value.methods && y.value.has(t(s).METHODS) ? (m(), x(no, {
+                    key: "methods-container",
+                    "custom-methods": A.value,
+                    "onUpdate:customMethods": c[4] || (c[4] = (T) => A.value = T),
+                    methods: i.value.methods,
+                    "onUpdate:methods": c[5] || (c[5] = (T) => i.value.methods = T)
+                  }, null, 8, ["custom-methods", "methods"])) : P("", !0),
+                  i.value.hosts && y.value.has(t(s).HOSTS) ? (m(), x(so, {
+                    key: "hosts-container",
+                    modelValue: i.value.hosts,
+                    "onUpdate:modelValue": c[6] || (c[6] = (T) => i.value.hosts = T),
+                    onAdd: c[7] || (c[7] = (T) => h(t(s).HOSTS)),
+                    onRemove: c[8] || (c[8] = (T) => g(t(s).HOSTS, T))
+                  }, null, 8, ["modelValue"])) : P("", !0),
+                  i.value.headers && e.configType === "advanced" && y.value.has(t(s).HEADERS) ? (m(), x(Zt, {
+                    key: "headers-container",
+                    modelValue: i.value.headers,
+                    "onUpdate:modelValue": c[9] || (c[9] = (T) => i.value.headers = T),
+                    onAdd: c[10] || (c[10] = (T) => h(t(s).HEADERS)),
+                    onRemove: c[11] || (c[11] = (T) => g(t(s).HEADERS, T))
+                  }, null, 8, ["modelValue"])) : P("", !0),
+                  i.value.sources && y.value.has(t(s).SOURCES) ? (m(), x(_o, {
+                    key: "sources-container",
+                    modelValue: i.value.sources,
+                    "onUpdate:modelValue": c[12] || (c[12] = (T) => i.value.sources = T),
+                    onAdd: c[13] || (c[13] = (T) => h(t(s).SOURCES)),
+                    onRemove: c[14] || (c[14] = (T) => g(t(s).SOURCES, T))
+                  }, null, 8, ["modelValue"])) : P("", !0),
+                  i.value.destinations && y.value.has(t(s).DESTINATIONS) ? (m(), x(zt, {
+                    key: "destinations-container",
+                    modelValue: i.value.destinations,
+                    "onUpdate:modelValue": c[15] || (c[15] = (T) => i.value.destinations = T),
+                    onAdd: c[16] || (c[16] = (T) => h(t(s).DESTINATIONS)),
+                    onRemove: c[17] || (c[17] = (T) => g(t(s).DESTINATIONS, T))
+                  }, null, 8, ["modelValue"])) : P("", !0),
+                  i.value.snis && e.configType === "advanced" && y.value.has(t(s).SNIS) ? (m(), x(go, {
+                    key: "snis-container",
+                    modelValue: i.value.snis,
+                    "onUpdate:modelValue": c[18] || (c[18] = (T) => i.value.snis = T),
+                    onAdd: c[19] || (c[19] = (T) => h(t(s).SNIS)),
+                    onRemove: c[20] || (c[20] = (T) => g(t(s).SNIS, T))
+                  }, null, 8, ["modelValue"])) : P("", !0)
+                ];
+              }),
+              _: 1
+            }),
+            e.hideAdvanced ? P("", !0) : (m(), k("div", Ro, [
+              (E = i.value.paths) != null && E.some(Boolean) ? (m(), x(M, {
+                key: 0,
+                modelValue: i.value.path_handling,
+                "onUpdate:modelValue": c[21] || (c[21] = (_) => i.value.path_handling = _),
+                "data-testid": "route-form-path-handling",
+                items: t(Lt),
+                label: t(o)("form.fields.path_handling.label"),
+                "label-attributes": {
+                  tooltipAttributes: { maxWidth: "320" }
+                },
+                readonly: e.readonly,
+                width: "100%"
+              }, {
+                "label-tooltip": u(() => [
+                  V("span", {
+                    innerHTML: t(o)("form.fields.path_handling.tooltip")
+                  }, null, 8, Ao)
+                ]),
+                _: 1
+              }, 8, ["modelValue", "items", "label", "readonly"])) : P("", !0),
+              d(M, {
+                modelValue: i.value.https_redirect_status_code,
+                "onUpdate:modelValue": c[22] || (c[22] = (_) => i.value.https_redirect_status_code = _),
+                "data-testid": "route-form-http-redirect-status-code",
+                items: t(ot),
+                label: t(o)("form.fields.https_redirect_status_code.label"),
+                "label-attributes": {
+                  tooltipAttributes: { maxWidth: "320" }
+                },
+                readonly: e.readonly,
+                width: "100%"
+              }, {
+                "label-tooltip": u(() => [
+                  V("span", {
+                    innerHTML: t(o)("form.fields.https_redirect_status_code.tooltip")
+                  }, null, 8, Oo)
+                ]),
+                _: 1
+              }, 8, ["modelValue", "items", "label", "readonly"]),
+              d(le, {
+                modelValue: i.value.regex_priority,
+                "onUpdate:modelValue": c[23] || (c[23] = (_) => i.value.regex_priority = _),
+                autocomplete: "off",
+                "data-testid": "route-form-regex-priority",
+                label: t(o)("form.fields.regex_priority.label"),
+                "label-attributes": {
+                  tooltipAttributes: { maxWidth: "320" }
+                },
+                readonly: e.readonly,
+                type: "number"
+              }, {
+                "label-tooltip": u(() => [
+                  V("span", {
+                    innerHTML: t(o)("form.fields.regex_priority.tooltip")
+                  }, null, 8, ko)
+                ]),
+                _: 1
+              }, 8, ["modelValue", "label", "readonly"]),
+              d(S, {
+                modelValue: i.value.preserve_host,
+                "onUpdate:modelValue": c[24] || (c[24] = (_) => i.value.preserve_host = _),
+                "data-testid": "route-form-preserve-host",
+                label: t(o)("form.fields.preserve_host.label"),
+                "label-attributes": {
+                  tooltipAttributes: { maxWidth: "320" }
+                }
+              }, {
+                tooltip: u(() => [
+                  V("span", {
+                    innerHTML: t(o)("form.fields.preserve_host.tooltip")
+                  }, null, 8, Ho)
+                ]),
+                _: 1
+              }, 8, ["modelValue", "label"]),
+              d(S, {
+                modelValue: i.value.request_buffering,
+                "onUpdate:modelValue": c[25] || (c[25] = (_) => i.value.request_buffering = _),
+                "data-testid": "route-form-request-buffering",
+                label: t(o)("form.fields.request_buffering.label"),
+                "label-attributes": {
+                  tooltipAttributes: { maxWidth: "320" }
+                }
+              }, {
+                tooltip: u(() => [
+                  V("span", {
+                    innerHTML: t(o)("form.fields.request_buffering.tooltip")
+                  }, null, 8, No)
+                ]),
+                _: 1
+              }, 8, ["modelValue", "label"]),
+              d(S, {
+                modelValue: i.value.response_buffering,
+                "onUpdate:modelValue": c[26] || (c[26] = (_) => i.value.response_buffering = _),
+                "data-testid": "route-form-response-buffering",
+                label: t(o)("form.fields.response_buffering.label"),
+                "label-attributes": {
+                  tooltipAttributes: { maxWidth: "320" }
+                }
+              }, {
+                tooltip: u(() => [
+                  V("span", {
+                    innerHTML: t(o)("form.fields.response_buffering.tooltip")
+                  }, null, 8, Co)
+                ]),
+                _: 1
+              }, 8, ["modelValue", "label"])
+            ]))
+          ];
+        }),
+        _: 1
+      });
+    };
+  }
+}), Qe = /* @__PURE__ */ Z(xo, [["__scopeId", "data-v-0ade8d72"]]), Do = /* @__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(), o = {
+      render: () => Ke("div", f("form.expressions_editor.loading"))
+    }, a = {
+      render: () => Ke("div", f("form.expressions_editor.error"))
+    }, v = rt({
+      loader: async () => import("./RouteFormExpressionsEditor-Djsgv4nT.js"),
+      loadingComponent: o,
+      errorComponent: a
+    }), i = e, A = C, h = B(Se.LOADING), g = X(e, "modelValue"), p = (y) => {
+      g.value = y;
+    };
+    return Ye(async () => {
+      try {
+        await (await import("@kong-ui-public/expressions")).asyncInit, h.value = Se.READY;
+      } catch (y) {
+        h.value = Se.ERROR, console.error(y);
+      }
+    }), (y, D) => (m(), k(G, null, [
+      h.value === t(Se).ERROR ? (m(), x(qe(a), {
+        key: 0,
+        "data-testid": "route-form-expressions-editor-loader-error"
+      })) : h.value === t(Se).LOADING ? (m(), x(qe(o), {
+        key: 1,
+        "data-testid": "route-form-expressions-editor-loader-loading"
+      })) : (m(), x(t(v), {
+        key: 2,
+        modelValue: g.value,
+        "onUpdate:modelValue": D[0] || (D[0] = (F) => g.value = F),
+        protocol: i.protocol,
+        "show-expressions-modal-entry": e.showExpressionsModalEntry,
+        onNotify: D[1] || (D[1] = (F) => A("notify", F))
+      }, {
+        default: u(() => [
+          d(t(At), { size: t(Gt) }, null, 8, ["size"]),
+          V("span", null, H(t(f)("form.expression_playground.test_link")), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue", "protocol", "show-expressions-modal-entry"])),
+      Le(y.$slots, "after-editor", {
+        expression: { value: g.value, update: p },
+        state: h.value
+      })
+    ], 64));
+  }
+}), Vo = { class: "route-form-routing-rules-title-container" }, wo = { class: "routing-rules-title" }, Mo = { class: "route-form-fields-container route-form-advanced-fields-container" }, $o = /* @__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(), o = e, a = X(e, "fields"), v = C, i = B(!0), A = w(() => o.protocols.split(",") || []), h = (g) => g.some((p) => o.protocols.includes(p));
+    return (g, p) => {
+      const y = N("KCard"), D = N("KSelect"), F = N("KInput"), r = N("KCheckbox"), c = N("KCollapse");
+      return m(), k(G, null, [
+        d(y, null, {
+          title: u(() => [
+            V("div", Vo, [
+              (m(!0), k(G, null, re(A.value, (S) => (m(), k("span", {
+                key: S,
+                class: "protocol-title"
+              }, H(S.toUpperCase()), 1))), 128)),
+              V("span", wo, H(t(f)("form.sections.routingExpression.title")), 1)
+            ])
+          ]),
+          default: u(() => [
+            d(Do, {
+              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": u((S) => [
+                Le(g.$slots, "after-expressions-editor", {
+                  expression: S.expression,
+                  state: S.state
+                }, void 0, !0)
+              ]),
+              _: 3
+            }, 8, ["modelValue", "protocol", "show-expressions-modal-entry"])
+          ]),
+          _: 3
+        }),
+        d(c, {
+          modelValue: i.value,
+          "onUpdate:modelValue": p[8] || (p[8] = (S) => i.value = S),
+          class: "route-form-advanced-fields-collapse",
+          "trigger-alignment": "leading",
+          "trigger-label": t(f)("form.show_more")
+        }, {
+          default: u(() => [
+            d(y, null, {
+              default: u(() => [
+                V("div", Mo, [
+                  d(D, {
+                    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: t(ot),
+                    label: t(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: t(f)("form.fields.priority.label"),
+                    "label-attributes": {
+                      info: t(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: t(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: t(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: t(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: t(f)("form.fields.response_buffering.label")
+                  }, null, 8, ["modelValue", "label"])
+                ])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue", "trigger-label"])
+      ], 64);
+    };
+  }
+}), Uo = /* @__PURE__ */ Z($o, [["__scopeId", "data-v-e7571a47"]]), Po = { class: "config-type-container" }, Lo = {
+  key: 0,
+  class: "config-flavor"
+}, Fo = /* @__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: () => Ce({
+        ...xe,
+        paths: [""],
+        regex_priority: 0,
+        path_handling: "v0",
+        expression: "",
+        priority: 0
+      })
+    },
+    fieldsModifiers: {},
+    customMethods: { default: () => Ce([]) },
+    customMethodsModifiers: {}
+  }),
+  emits: /* @__PURE__ */ Y(["notify", "update:payload", "update:protocols"], ["update:configType", "update:configFlavor", "update:fields", "update:customMethods"]),
+  setup(e, { emit: C }) {
+    const f = e, o = 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 = w(() => [
+      { 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 = w(() => f.recordFlavor ? f.recordFlavor : a.value), D = (E, _) => {
+      if (!new Set(Pe[f.protocols]).has(E))
+        return [];
+      if ([s.PATHS, s.HOSTS, s.METHODS, s.SNIS].includes(E))
+        return [..._].filter((K) => !!K);
+      if (E === s.SOURCES || E === s.DESTINATIONS)
+        return [..._].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 [..._].filter((K) => !!K.header);
+    }, F = (E) => E.some((_) => f.protocols.includes(_)), r = () => {
+      if (y.value !== q.TRADITIONAL)
+        return null;
+      const E = v.value, _ = D(s.HEADERS, E.headers || []) || W[s.HEADERS];
+      return _.length === 0 ? null : _.reduce((T, K) => (T[K.header] = K.values.split(","), T), {});
+    }, c = w(() => (v.value.methods || []).filter((T) => Object.keys(Ie).includes(T)).concat(i.value.map((T) => T.label.toUpperCase()))), S = (E) => E != null && E.length ? E : null, M = w(() => ({
+      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
+    })), le = w(() => {
+      switch (y.value) {
+        case q.TRADITIONAL: {
+          const E = v.value, _ = S(D(s.PATHS, E.paths || [])), T = S(D(s.HOSTS, E.hosts || [])), K = {
+            ...M.value,
+            methods: S(D(s.METHODS, c.value)),
+            hosts: o.value === "basic" && T ? T.slice(0, 1) : T,
+            paths: o.value === "basic" && _ ? _.slice(0, 1) : _,
+            headers: o.value === "basic" ? null : r(),
+            regex_priority: Number(E.regex_priority),
+            path_handling: E.path_handling,
+            sources: S(D(s.SOURCES, E.sources || [])),
+            destinations: S(D(s.DESTINATIONS, E.destinations || [])),
+            snis: o.value === "basic" ? null : S(D(s.SNIS, E.snis || []))
+          };
+          return {
+            type: y.value,
+            payload: K
+          };
+        }
+        case q.EXPRESSIONS: {
+          const E = v.value;
+          return {
+            type: y.value,
+            payload: {
+              ...M.value,
+              expression: E.expression,
+              priority: Number(E.priority)
+            }
+          };
+        }
+        default:
+          return;
+      }
+    }), j = (E) => {
+      E && A("update:protocols", E);
+    };
+    return _e([() => f.recordFlavor, () => f.routeFlavors], ([E, _]) => {
+      if (E) {
+        a.value = E;
+        return;
+      }
+      a.value = !_.traditional && _.expressions ? q.EXPRESSIONS : q.TRADITIONAL;
+    }, { immediate: !0, deep: !0 }), _e(o, (E) => {
+      E === "basic" && (a.value = q.TRADITIONAL, A("update:protocols", "http,https"));
+    }), _e(le, (E) => {
+      A("update:payload", E);
+    }, { deep: !0, immediate: !0 }), (E, _) => {
+      const T = N("KRadio"), K = N("KLabel"), Ae = N("KTooltip"), ne = N("KSegmentedControl"), ee = N("KAlert"), ge = N("KSelect");
+      return m(), k(G, null, [
+        V("div", Po, [
+          d(T, {
+            modelValue: o.value,
+            "onUpdate:modelValue": _[0] || (_[0] = ($) => o.value = $),
+            card: "",
+            "card-orientation": "horizontal",
+            "data-testid": "route-form-config-type-basic",
+            description: t(h)("form.config_types.basic.description"),
+            disabled: !e.routeFlavors.traditional || e.recordFlavor === t(q).EXPRESSIONS,
+            label: t(h)("form.config_types.basic.label"),
+            "selected-value": "basic"
+          }, null, 8, ["modelValue", "description", "disabled", "label"]),
+          d(T, {
+            modelValue: o.value,
+            "onUpdate:modelValue": _[1] || (_[1] = ($) => o.value = $),
+            card: "",
+            "card-orientation": "horizontal",
+            "data-testid": "route-form-config-type-advanced",
+            description: t(h)("form.config_types.advanced.description"),
+            label: t(h)("form.config_types.advanced.label"),
+            "selected-value": "advanced"
+          }, null, 8, ["modelValue", "description", "label"])
+        ]),
+        o.value === "basic" ? (m(), x(Qe, {
+          key: 0,
+          "custom-methods": i.value,
+          "onUpdate:customMethods": _[2] || (_[2] = ($) => i.value = $),
+          fields: v.value,
+          "onUpdate:fields": _[3] || (_[3] = ($) => v.value = $),
+          "config-type": "basic",
+          "hide-advanced": "",
+          protocols: e.protocols,
+          readonly: e.readonly
+        }, null, 8, ["custom-methods", "fields", "protocols", "readonly"])) : (m(), k(G, { key: 1 }, [
+          e.routeFlavors.traditional && e.routeFlavors.expressions ? (m(), k("div", Lo, [
+            d(K, { class: "config-flavor-label" }, {
+              default: u(() => [
+                U(H(t(h)("form.config_flavor.label")), 1)
+              ]),
+              _: 1
+            }),
+            d(ne, {
+              modelValue: a.value,
+              "onUpdate:modelValue": _[4] || (_[4] = ($) => a.value = $),
+              class: "config-flavor-control",
+              "data-testid": "route-form-config-flavor",
+              options: g
+            }, {
+              "option-label": u(({ option: $ }) => {
+                var fe, ue;
+                return [
+                  V("span", null, H($.label), 1),
+                  (fe = e.tooltips) != null && fe[$.value] ? (m(), x(Ae, {
+                    key: 0,
+                    class: "route-form-config-tabs-tooltip",
+                    text: (ue = e.tooltips) == null ? void 0 : ue[$.value],
+                    "tooltip-id": `route-form-config-tabs-tooltip-${$.value}`
+                  }, {
+                    default: u(() => [
+                      d(t(Ot))
+                    ]),
+                    _: 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: u(() => [
+              e.recordFlavor ? e.recordFlavor !== a.value ? (m(), k(G, { key: 1 }, [
+                U(H(t(h)("form.warning.cannotChangeFlavor.edit", { format: t(h)(`form.flavors.${e.recordFlavor}`) })), 1)
+              ], 64)) : P("", !0) : (m(), k(G, { key: 0 }, [
+                U(H(t(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(), k(G, { key: 2 }, [
+            e.hideProtocols ? P("", !0) : (m(), x(ge, {
+              key: 0,
+              "data-testid": "route-form-protocols",
+              items: p.value,
+              label: t(h)("form.fields.protocols.label"),
+              "label-attributes": {
+                info: t(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 === t(q).TRADITIONAL ? (m(), x(Qe, {
+              key: 1,
+              "custom-methods": i.value,
+              "onUpdate:customMethods": _[5] || (_[5] = ($) => i.value = $),
+              fields: v.value,
+              "onUpdate:fields": _[6] || (_[6] = ($) => v.value = $),
+              "config-type": "advanced",
+              protocols: e.protocols,
+              readonly: e.readonly
+            }, null, 8, ["custom-methods", "fields", "protocols", "readonly"])) : (m(), x(Uo, {
+              key: 2,
+              fields: v.value,
+              "onUpdate:fields": _[7] || (_[7] = ($) => v.value = $),
+              protocols: e.protocols,
+              readonly: e.readonly,
+              "show-expressions-modal-entry": e.showExpressionsModalEntry,
+              onNotify: _[8] || (_[8] = ($) => A("notify", $))
+            }, null, 8, ["fields", "protocols", "readonly", "show-expressions-modal-entry"]))
+          ], 64)) : P("", !0)
+        ], 64))
+      ], 64);
+    };
+  }
+}), Ko = /* @__PURE__ */ Z(Fo, [["__scopeId", "data-v-537443cc"]]), qo = (e) => {
+  var f, o, 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 || ((o = e[s.HOSTS]) == null ? void 0 : o.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] !== Ft[A]));
+}, Bo = { class: "kong-ui-entities-route-form" }, Go = { key: 1 }, Wo = { "data-testid": "no-search-results" }, jo = { class: "route-form-service-dropdown-item" }, Xo = { class: "select-item-label" }, zo = { class: "select-item-description" }, Jo = /* @__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 be;
+    const o = e, a = f, v = B("basic"), i = B(
+      !o.routeFlavors.traditional && o.routeFlavors.expressions ? q.EXPRESSIONS : q.TRADITIONAL
+    ), A = B(void 0), h = w(() => {
+      if (A.value)
+        return A.value;
+      if (i.value)
+        return i.value;
+      if (o.routeFlavors.traditional)
+        return q.TRADITIONAL;
+      if (o.routeFlavors.expressions)
+        return q.EXPRESSIONS;
+    }), { i18n: { t: g } } = J.useI18n(), p = tt(), { axiosInstance: y } = Fe((be = o.config) == null ? void 0 : be.axiosRequestConfig), { getMessageFromError: D } = dt(), F = (l) => l.name ? `${l.name} - ${l.value}` : l.value, r = Ce({
+      routeFlavors: o.routeFlavors,
+      fields: {
+        name: "",
+        protocols: "http,https",
+        tags: "",
+        service_id: "",
+        ...xe,
+        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: ""
+    });
+    _e(() => o.routeFlavors, (l) => {
+      r.routeFlavors = l, l.traditional || (v.value = "advanced");
+    }, { immediate: !0, deep: !0 });
+    const c = B(), S = B([]), M = B([]), le = Ce({
+      name: "",
+      protocols: "http,https",
+      tags: "",
+      service_id: "",
+      ...xe,
+      path_handling: "v0",
+      regex_priority: 0,
+      expression: "",
+      priority: 0
+    }), j = o.config.app === "konnect" || ct({
+      gatewayInfo: o.config.gatewayInfo,
+      // 'ws' and 'wss' are not valid values for the protocol field in Gateway Community Edition or before Gateway Enterprise Edition 3.0
+      supportedRange: {
+        enterprise: ["3.0"]
+      }
+    }), E = w(() => o.routeId ? Ge.Edit : Ge.Create), _ = w(() => {
+      var l, n, b;
+      return (b = (n = Te.form[(l = o.config) == null ? void 0 : l.app]) == null ? void 0 : n.fetch) == null ? void 0 : b[o.serviceId ? "forGatewayService" : "all"].replace(/{serviceId}/gi, o.serviceId || "");
+    }), T = () => {
+      var l;
+      p.push((l = o.config) == null ? void 0 : l.cancelRoute);
+    }, K = (l) => {
+      a("loading", l);
+    }, Ae = (l) => {
+      a("error", l);
+    }, ne = (l) => Object.entries(l).map((n) => {
+      var b;
+      return { header: n[0], values: (b = n[1]) == null ? void 0 : b.join() };
+    }), ee = (l) => l.some((n) => r.fields.protocols.includes(n)), ge = (l) => {
+      var b, R;
+      if (o.routeId) {
+        const I = typeof l.expression == "string" && l.expression.length > 0 ? q.EXPRESSIONS : q.TRADITIONAL;
+        A.value = I, qo(l) || (v.value = "advanced");
+      }
+      (b = l == null ? void 0 : l.service) != null && b.id && (r.fields.service_id = l.service.id), r.fields.name = (l == null ? void 0 : l.name) || "";
+      const n = (l == null ? void 0 : l.tags) || [];
+      r.fields.tags = (n == null ? void 0 : n.join(", ")) || "", r.fields.preserve_host = typeof (l == null ? void 0 : l.preserve_host) > "u" ? !1 : l == null ? void 0 : l.preserve_host, r.fields.https_redirect_status_code = (l == null ? void 0 : l.https_redirect_status_code) || 426, (R = l == null ? void 0 : l.protocols) != null && R.length && (l.protocols.length > 1 ? r.fields.protocols = l.protocols.join() : r.fields.protocols = l.protocols[0]), r.fields.request_buffering = typeof (l == null ? void 0 : l.request_buffering) > "u" ? !0 : l == null ? void 0 : l.request_buffering, r.fields.response_buffering = typeof (l == null ? void 0 : l.response_buffering) > "u" ? !0 : l == null ? void 0 : l.response_buffering, r.fields.strip_path = typeof (l == null ? void 0 : l.strip_path) > "u" ? !0 : l == null ? void 0 : l.strip_path, ze(r) && (r.fields.regex_priority = (l == null ? void 0 : l.regex_priority) || 0, r.fields.path_handling = (l == null ? void 0 : l.path_handling) || "v0", l != null && l.paths && (r.fields.paths = l.paths), l != null && l.snis && (r.fields.snis = l.snis), l != null && l.hosts && (r.fields.hosts = l.hosts), l != null && l.methods && (r.fields.methods = l.methods.filter((I) => Object.keys(Ie).includes(I)), S.value = l.methods.filter((I) => !Object.keys(Ie).includes(I)).map((I) => ({ label: I, value: I })), M.value = [...S.value]), l != null && l.headers && (r.fields.headers = ne(l.headers)), l != null && l.sources && (r.fields.sources = l.sources), l != null && l.destinations && (r.fields.destinations = l.destinations)), Je(r) && (r.fields.expression = (l == null ? void 0 : l.expression) || "", r.fields.priority = (l == null ? void 0 : l.priority) || 0), Object.assign(le, JSON.parse(JSON.stringify(r.fields)));
+    }, $ = w(() => {
+      switch (h.value) {
+        case q.TRADITIONAL: {
+          if (ze(r)) {
+            const l = r.fields.hosts ? !!r.fields.hosts.filter(Boolean).length : null, n = r.fields.paths ? !!r.fields.paths.filter(Boolean).length : null, b = r.fields.headers ? r.fields.headers.some(({ header: Q }) => !!Q) : null, R = r.fields.snis ? !!r.fields.snis.filter(Boolean).length : null, I = r.fields.destinations ? r.fields.destinations.some(({ ip: Q, port: ce }) => !!Q || !!ce) : null, te = r.fields.sources ? r.fields.sources.some(({ ip: Q, port: ce }) => !!Q || !!ce) : null, ae = r.fields.methods ? !!r.fields.methods.filter(Boolean).length : null;
+            return !!r.fields.protocols && (ee(["http"]) && !!(l || ae || n || b) || ee(["https"]) && !!(l || ae || n || b || R) || ee(["grpc"]) && !!(l || n || b) || ee(["grpcs", "wss"]) && !!(l || n || b || R) || ee(["udp", "tls"]) && !!(I || te || R) || ee(["tcp"]) && !!(I || te) || ee(["tls_passthrough"]) && !!R || ee(["ws"]) && !!(l || n || b));
+          }
+          break;
+        }
+        case q.EXPRESSIONS: {
+          if (Je(r))
+            return r.fields.expression.length > 0;
+          break;
+        }
+      }
+      return !0;
+    }), fe = w(() => !je(r.fields, le) || !je(S.value, M.value)), ue = w(() => {
+      var n, b;
+      let l = `${o.config.apiBaseUrl}${Te.form[o.config.app][E.value][o.serviceId ? "forGatewayService" : "all"]}`;
+      return o.config.app === "konnect" ? l = l.replace(/{controlPlaneId}/gi, ((n = o.config) == null ? void 0 : n.controlPlaneId) || "").replace(/{serviceId}/gi, o.serviceId || "") : o.config.app === "kongManager" && (l = l.replace(/\/{workspace}/gi, (b = o.config) != null && b.workspace ? `/${o.config.workspace}` : "").replace(/{serviceId}/gi, o.serviceId || "")), l = l.replace(/{id}/gi, o.routeId), l;
+    });
+    _e(() => r.fields, () => {
+      a("model-updated", me.value);
+    }, { deep: !0 });
+    const me = w(() => {
+      var l, n, b;
+      return {
+        ...!o.hideNameField && { name: r.fields.name || null },
+        protocols: r.fields.protocols.split(","),
+        tags: (n = (l = r.fields.tags.split(",")) == null ? void 0 : l.map((R) => String(R || "").trim())) == null ? void 0 : n.filter((R) => R !== ""),
+        service: r.fields.service_id ? { id: r.fields.service_id } : null,
+        ...(b = c.value) == null ? void 0 : b.payload
+      };
+    }), ie = (l) => {
+      switch (h.value) {
+        case q.TRADITIONAL: {
+          if (!("regex_priority" in l && "path_handling" in l))
+            return !1;
+          break;
+        }
+        case q.EXPRESSIONS: {
+          if (!("priority" in l))
+            return !1;
+          break;
+        }
+      }
+      return "service" in l && "tags" in l && "protocols" in l;
+    }, de = async (l) => {
+      var b;
+      const n = l && ie(l) ? l : me.value;
+      try {
+        r.isReadonly = !0;
+        let R;
+        E.value === "create" ? R = await y.post(ue.value, n) : E.value === "edit" && (R = ((b = o.config) == null ? void 0 : b.app) === "konnect" ? await y.put(ue.value, n) : await y.patch(ue.value, n)), ge(R == null ? void 0 : R.data), a("update", R == null ? void 0 : R.data);
+      } catch (R) {
+        r.errorMessage = D(R), a("error", R);
+      } finally {
+        r.isReadonly = !1;
+      }
+    }, {
+      debouncedQueryChange: ye,
+      loading: He,
+      error: Ve,
+      loadItems: we,
+      results: Me
+    } = pt(o.config, Te.form[o.config.app].services, void 0, {
+      fetchedItemsKey: "data",
+      searchKeys: ["id", "name"]
+    }), $e = w(() => Ve.value ? g("errors.services.fetch") : ""), Oe = w(() => {
+      var l;
+      return (l = Me.value) == null ? void 0 : l.map((n) => ({ label: n.id, name: n.name, value: n.id }));
+    });
+    return Ze(async () => {
+      !o.hideServiceField && !o.serviceId ? await we() : r.fields.service_id = o.serviceId;
+    }), Ye(() => {
+      a("model-updated", me.value);
+    }), C({ saveFormData: de, payload: me }), it("configType", v), (l, n) => {
+      const b = N("KInput"), R = N("KSelect");
+      return m(), k("div", Bo, [
+        d(t(ft), {
+          "can-submit": $.value && fe.value,
+          config: e.config,
+          "edit-id": e.routeId,
+          "entity-type": t(et).Route,
+          "error-message": r.errorMessage || $e.value,
+          "fetch-url": _.value,
+          "form-fields": me.value,
+          "is-readonly": r.isReadonly,
+          onCancel: T,
+          "onFetch:error": Ae,
+          "onFetch:success": ge,
+          onLoading: K,
+          onSubmit: de
+        }, {
+          "form-actions": u(() => [
+            Le(l.$slots, "form-actions", {
+              canSubmit: $.value && fe.value,
+              cancel: T,
+              submit: de
+            }, void 0, !0)
+          ]),
+          default: u(() => [
+            d(t(We), {
+              description: t(g)("form.sections.general.description"),
+              "hide-info-header": e.hideSectionsInfo,
+              title: t(g)("form.sections.general.title")
+            }, {
+              default: u(() => [
+                e.hideNameField ? P("", !0) : (m(), x(b, {
+                  key: 0,
+                  modelValue: r.fields.name,
+                  "onUpdate:modelValue": n[0] || (n[0] = (I) => r.fields.name = I),
+                  modelModifiers: { trim: !0 },
+                  autocomplete: "off",
+                  "data-testid": "route-form-name",
+                  label: t(g)("form.fields.name.label"),
+                  placeholder: t(g)("form.fields.name.placeholder"),
+                  readonly: r.isReadonly,
+                  type: "text"
+                }, null, 8, ["modelValue", "label", "placeholder", "readonly"])),
+                !e.hideServiceField && !e.serviceId ? (m(), k("div", Go, [
+                  d(R, {
+                    modelValue: r.fields.service_id,
+                    "onUpdate:modelValue": n[1] || (n[1] = (I) => r.fields.service_id = I),
+                    clearable: "",
+                    "data-testid": "route-form-service-id",
+                    "enable-filtering": "",
+                    "filter-function": () => !0,
+                    items: Oe.value,
+                    label: t(g)("form.fields.service_id.label"),
+                    loading: t(He),
+                    placeholder: t(g)("form.fields.service_id.placeholder"),
+                    readonly: r.isReadonly,
+                    "reuse-item-template": "",
+                    width: "100%",
+                    onQueryChange: t(ye)
+                  }, {
+                    loading: u(() => [
+                      V("div", null, H(t(g)("actions.loading")), 1)
+                    ]),
+                    empty: u(() => [
+                      V("div", Wo, H(t(g)("search.no_results")), 1)
+                    ]),
+                    "selected-item-template": u(({ item: I }) => [
+                      U(H(F(I)), 1)
+                    ]),
+                    "item-template": u(({ item: I }) => [
+                      V("div", jo, [
+                        V("span", Xo, H(I.name), 1),
+                        V("span", zo, H(I.value), 1)
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue", "items", "label", "loading", "placeholder", "readonly", "onQueryChange"])
+                ])) : P("", !0),
+                d(b, {
+                  modelValue: r.fields.tags,
+                  "onUpdate:modelValue": n[2] || (n[2] = (I) => r.fields.tags = I),
+                  modelModifiers: { trim: !0 },
+                  autocomplete: "off",
+                  "data-testid": "route-form-tags",
+                  help: t(g)("form.fields.tags.help"),
+                  label: t(g)("form.fields.tags.label"),
+                  placeholder: t(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(t(We), {
+              description: t(g)("form.sections.config.description"),
+              "hide-info-header": e.hideSectionsInfo,
+              title: t(g)("form.sections.config.title")
+            }, {
+              default: u(() => [
+                d(Ko, {
+                  "config-flavor": i.value,
+                  "onUpdate:configFlavor": n[3] || (n[3] = (I) => i.value = I),
+                  "config-type": v.value,
+                  "onUpdate:configType": n[4] || (n[4] = (I) => v.value = I),
+                  "custom-methods": S.value,
+                  "onUpdate:customMethods": n[5] || (n[5] = (I) => S.value = I),
+                  fields: r.fields,
+                  "onUpdate:fields": n[6] || (n[6] = (I) => r.fields = I),
+                  "is-ws-supported": t(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: n[7] || (n[7] = (I) => a("notify", I)),
+                  "onUpdate:payload": n[8] || (n[8] = (I) => c.value = I),
+                  "onUpdate:protocols": n[9] || (n[9] = (I) => r.fields.protocols = I)
+                }, 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"])
+      ]);
+    };
+  }
+}), ps = /* @__PURE__ */ Z(Jo, [["__scopeId", "data-v-1b31b80c"]]), Qo = { class: "kong-ui-entities-routes-list" }, Yo = { class: "button-row" }, Zo = { key: 1 }, es = { key: 1 }, ts = { key: 1 }, os = { class: "route-list-cell-expression" }, ss = /* @__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
+    },
+    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can start debugger session on a given entity */
+    canDebug: {
+      type: Function,
+      required: !1,
+      default: async () => !1
+    },
+    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 l;
+    const f = C, o = e, { i18n: { t: a, formatUnixTimeStamp: v } } = J.useI18n(), i = tt(), { axiosInstance: A } = Fe((l = o.config) == null ? void 0 : l.axiosRequestConfig), { handleStateChange: h, hasRecords: g } = mt(() => M.value), p = w(() => g.value && o.config.app === "konnect"), y = w(() => !!o.config.serviceId), D = w(() => o.config.app !== "kongManager" || !!o.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 },
+      ...!o.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 }
+      },
+      ...o.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
+      }
+    }, c = F, S = w(() => {
+      var b, R, I, te;
+      let n = `${o.config.apiBaseUrl}${Te.list[o.config.app][o.config.serviceId ? "forGatewayService" : "all"]}`;
+      return o.config.app === "konnect" ? n = n.replace(/{controlPlaneId}/gi, ((b = o.config) == null ? void 0 : b.controlPlaneId) || "").replace(/{serviceId}/gi, ((R = o.config) == null ? void 0 : R.serviceId) || "") : o.config.app === "kongManager" && (n = n.replace(/\/{workspace}/gi, (I = o.config) != null && I.workspace ? `/${o.config.workspace}` : "").replace(/{serviceId}/gi, ((te = o.config) == null ? void 0 : te.serviceId) || "")), n;
+    }), M = B(""), le = w(() => {
+      const n = o.config.app === "konnect" || o.config.isExactMatch;
+      if (n)
+        return {
+          isExactMatch: n,
+          // force exact placeholder if `props.config.isExactMatch` is true
+          placeholder: a(`search.placeholder.${o.config.isExactMatch ? "exact" : o.config.app}`)
+        };
+      const { name: b, protocols: R, hosts: I, methods: te, paths: ae, expression: Q } = F, ce = {
+        name: b,
+        protocols: R,
+        hosts: I,
+        methods: te,
+        paths: ae,
+        ...o.hasExpressionColumn && { expression: Q }
+      };
+      return {
+        isExactMatch: n,
+        fields: ce,
+        schema: o.config.filterSchema
+      };
+    }), {
+      fetcher: j,
+      fetcherState: E,
+      fetcherCacheKey: _
+    } = vt(w(() => ({ ...o.config, cacheIdentifier: o.cacheIdentifier })), S), T = (n) => n.headerKey === "expression" ? {
+      style: {
+        maxWidth: "250px",
+        overflowX: "hidden",
+        textOverflow: "ellipsis"
+      }
+    } : {}, K = () => {
+      M.value = "";
+    }, Ae = () => {
+      _.value++;
+    }, ne = B(null), ee = async (n, b) => {
+      if (!await b(n.id)) {
+        f("copy:error", {
+          entity: n,
+          field: "id",
+          message: a("errors.copy")
+        });
+        return;
+      }
+      f("copy:success", {
+        entity: n,
+        field: "id",
+        message: a("copy.success", { val: n.id })
+      });
+    }, ge = async (n, b) => {
+      const R = JSON.stringify(n);
+      if (!await b(R)) {
+        f("copy:error", {
+          entity: n,
+          message: a("errors.copy")
+        });
+        return;
+      }
+      f("copy:success", {
+        entity: n,
+        message: a("copy.success_brief")
+      });
+    }, $ = async (n) => {
+      var R;
+      await ((R = o.canRetrieve) == null ? void 0 : R.call(o, n)) && i.push(o.config.getViewRoute(n.id));
+    }, fe = (n) => ({
+      label: a("actions.view"),
+      to: o.config.getViewRoute(n)
+    }), ue = (n) => ({
+      label: a("actions.edit"),
+      to: o.config.getEditRoute(n)
+    }), me = (n) => {
+      if (o.config.getDebugRoute)
+        return {
+          label: a("actions.debugger"),
+          to: o.config.getDebugRoute(n)
+        };
+    }, ie = B(void 0), de = B(!1), ye = B(!1), He = B(""), Ve = ht(o.config, S.value), we = (n) => {
+      ie.value = n, de.value = !0;
+    }, Me = () => {
+      de.value = !1;
+    }, $e = async () => {
+      var n, b, R;
+      if ((n = ie.value) != null && n.id) {
+        ye.value = !0;
+        try {
+          await A.delete(Ve(ie.value.id)), ye.value = !1, de.value = !1, _.value++, f("delete:success", ie.value);
+        } catch (I) {
+          He.value = ((R = (b = I.response) == null ? void 0 : b.data) == null ? void 0 : R.message) || I.message || a("errors.delete"), f("error", I);
+        } finally {
+          ye.value = !1;
+        }
+      }
+    };
+    _e(E, (n) => {
+      var b, R, I;
+      if (n.status === gt.Error) {
+        ne.value = {
+          title: a("errors.general")
+        }, (I = (R = (b = n.error) == null ? void 0 : b.response) == null ? void 0 : R.data) != null && I.message && (ne.value.message = n.error.response.data.message), f("error", n.error);
+        return;
+      }
+      ne.value = null;
+    });
+    const Oe = B({
+      ctaPath: o.config.createRoute,
+      ctaText: void 0,
+      message: `${a("routes.list.empty_state.description")}${o.config.additionMessageForEmptyState ? ` ${o.config.additionMessageForEmptyState}` : ""}`,
+      title: a("routes.title")
+    }), be = B(!1);
+    return Ze(async () => {
+      be.value = await o.canCreate(), be.value && (Oe.value.title = a("routes.list.empty_state.title"), Oe.value.ctaText = a("actions.create"));
+    }), (n, b) => {
+      const R = N("KButton"), I = N("KEmptyState"), te = N("KBadge"), ae = N("KTruncate"), Q = N("KDropdownItem"), ce = N("KClipboardProvider");
+      return m(), k("div", Qo, [
+        d(t(yt), {
+          "cache-identifier": e.cacheIdentifier,
+          "cell-attributes": T,
+          "default-table-preferences": r,
+          "disable-sorting": D.value,
+          "empty-state-options": Oe.value,
+          "enable-entity-actions": "",
+          "error-message": ne.value,
+          fetcher: t(j),
+          "fetcher-cache-key": t(_),
+          "pagination-type": "offset",
+          "preferences-storage-key": "kong-ui-entities-routes-list",
+          query: M.value,
+          "table-headers": t(c),
+          title: e.title,
+          "title-tag": e.titleTag,
+          onClearSearchInput: K,
+          "onClick:row": b[7] || (b[7] = (O) => $(O)),
+          onSort: Ae,
+          onState: t(h)
+        }, Be({
+          "toolbar-filter": u(() => [
+            d(t(St), {
+              modelValue: M.value,
+              "onUpdate:modelValue": b[0] || (b[0] = (O) => M.value = O),
+              config: le.value
+            }, null, 8, ["modelValue", "config"])
+          ]),
+          "toolbar-button": u(() => [
+            (m(), x(at, {
+              disabled: !e.useActionOutside,
+              to: "#kong-ui-app-page-header-action-button"
+            }, [
+              V("div", Yo, [
+                !y.value && p.value ? (m(), x(R, {
+                  key: 0,
+                  appearance: "secondary",
+                  class: "open-learning-hub",
+                  "data-testid": "routes-learn-more-button",
+                  icon: "",
+                  onClick: b[1] || (b[1] = (O) => n.$emit("click:learn-more"))
+                }, {
+                  default: u(() => [
+                    d(t(Xe), { decorative: "" })
+                  ]),
+                  _: 1
+                })) : P("", !0),
+                d(t(ke), {
+                  "auth-function": () => e.canCreate()
+                }, {
+                  default: u(() => [
+                    d(R, {
+                      appearance: "primary",
+                      "data-testid": "toolbar-add-route",
+                      size: e.useActionOutside ? "medium" : "large",
+                      to: e.config.createRoute
+                    }, {
+                      default: u(() => [
+                        d(t(Ue)),
+                        U(" " + H(t(a)("routes.list.toolbar_actions.new_route")), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["size", "to"])
+                  ]),
+                  _: 1
+                }, 8, ["auth-function"])
+              ])
+            ], 8, ["disabled"]))
+          ]),
+          name: u(({ rowValue: O }) => [
+            V("b", null, H(O ?? "-"), 1)
+          ]),
+          protocols: u(({ rowValue: O }) => [
+            d(ae, null, {
+              default: u(() => [
+                (m(!0), k(G, null, re(O, (L) => (m(), x(te, {
+                  key: L,
+                  appearance: "neutral",
+                  onClick: b[3] || (b[3] = Ne(() => {
+                  }, ["stop"]))
+                }, {
+                  default: u(() => [
+                    U(H(L), 1)
+                  ]),
+                  _: 2
+                }, 1024))), 128))
+              ]),
+              _: 2
+            }, 1024)
+          ]),
+          hosts: u(({ rowValue: O }) => [
+            (O == null ? void 0 : O.length) > 0 ? (m(), x(ae, { key: 0 }, {
+              default: u(() => [
+                (m(!0), k(G, null, re(O, (L) => (m(), x(te, {
+                  key: L,
+                  appearance: "neutral",
+                  tooltip: L,
+                  "truncation-tooltip": "",
+                  onClick: b[4] || (b[4] = Ne(() => {
+                  }, ["stop"]))
+                }, {
+                  default: u(() => [
+                    U(H(L), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["tooltip"]))), 128))
+              ]),
+              _: 2
+            }, 1024)) : (m(), k("span", Zo, "-"))
+          ]),
+          methods: u(({ rowValue: O }) => [
+            (O == null ? void 0 : O.length) > 0 ? (m(), x(ae, { key: 0 }, {
+              default: u(() => [
+                (m(!0), k(G, null, re(O, (L) => (m(), x(te, {
+                  key: L,
+                  appearance: Object.values(t(Ht)).includes(L.toLowerCase()) ? L.toLowerCase() : "custom",
+                  onClick: b[5] || (b[5] = Ne(() => {
+                  }, ["stop"]))
+                }, {
+                  default: u(() => [
+                    U(H(L), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["appearance"]))), 128))
+              ]),
+              _: 2
+            }, 1024)) : (m(), k("span", es, "-"))
+          ]),
+          paths: u(({ rowValue: O }) => [
+            (O == null ? void 0 : O.length) > 0 ? (m(), x(ae, { key: 0 }, {
+              default: u(() => [
+                (m(!0), k(G, null, re(O, (L) => (m(), x(te, {
+                  key: L,
+                  appearance: "neutral",
+                  tooltip: L,
+                  "truncation-tooltip": "",
+                  onClick: b[6] || (b[6] = Ne(() => {
+                  }, ["stop"]))
+                }, {
+                  default: u(() => [
+                    U(H(L), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["tooltip"]))), 128))
+              ]),
+              _: 2
+            }, 1024)) : (m(), k("span", ts, "-"))
+          ]),
+          tags: u(({ rowValue: O }) => [
+            d(t(bt), { tags: O }, null, 8, ["tags"])
+          ]),
+          expression: u(({ rowValue: O }) => [
+            V("span", os, H(O || "-"), 1)
+          ]),
+          created_at: u(({ rowValue: O }) => [
+            U(H(t(v)(O)), 1)
+          ]),
+          updated_at: u(({ row: O, rowValue: L }) => [
+            U(H(t(v)(L ?? O.created_at)), 1)
+          ]),
+          actions: u(({ row: O }) => [
+            d(ce, null, {
+              default: u(({ copyToClipboard: L }) => [
+                d(Q, {
+                  "data-testid": "action-entity-copy-id",
+                  onClick: (st) => ee(O, L)
+                }, {
+                  default: u(() => [
+                    U(H(t(a)("actions.copy_id")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 2
+            }, 1024),
+            d(ce, null, {
+              default: u(({ copyToClipboard: L }) => [
+                d(Q, {
+                  "data-testid": "action-entity-copy-json",
+                  onClick: (st) => ge(O, L)
+                }, {
+                  default: u(() => [
+                    U(H(t(a)("actions.copy_json")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 2
+            }, 1024),
+            d(t(ke), {
+              "auth-function": () => e.canRetrieve(O)
+            }, {
+              default: u(() => [
+                d(Q, {
+                  "data-testid": "action-entity-view",
+                  "has-divider": "",
+                  item: fe(O.id)
+                }, null, 8, ["item"])
+              ]),
+              _: 2
+            }, 1032, ["auth-function"]),
+            d(t(ke), {
+              "auth-function": () => e.canDebug(O)
+            }, {
+              default: u(() => [
+                e.config.getDebugRoute ? (m(), x(Q, {
+                  key: 0,
+                  "data-testid": "action-entity-debug",
+                  item: me(O.id)
+                }, null, 8, ["item"])) : P("", !0)
+              ]),
+              _: 2
+            }, 1032, ["auth-function"]),
+            d(t(ke), {
+              "auth-function": () => e.canEdit(O)
+            }, {
+              default: u(() => [
+                d(Q, {
+                  "data-testid": "action-entity-edit",
+                  item: ue(O.id)
+                }, null, 8, ["item"])
+              ]),
+              _: 2
+            }, 1032, ["auth-function"]),
+            d(t(ke), {
+              "auth-function": () => e.canDelete(O)
+            }, {
+              default: u(() => [
+                d(Q, {
+                  danger: "",
+                  "data-testid": "action-entity-delete",
+                  "has-divider": "",
+                  onClick: (L) => we(O)
+                }, {
+                  default: u(() => [
+                    U(H(t(a)("actions.delete")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 2
+            }, 1032, ["auth-function"])
+          ]),
+          _: 2
+        }, [
+          !M.value && e.config.app === "konnect" ? {
+            name: "empty-state",
+            fn: u(() => {
+              var O;
+              return [
+                d(I, {
+                  "data-testid": e.config.serviceId ? "nested-routes-entity-empty-state" : "routes-entity-empty-state",
+                  "icon-background": "",
+                  message: t(a)("routes.list.empty_state_v2.description"),
+                  title: t(a)("routes.list.empty_state_v2.title")
+                }, Be({
+                  icon: u(() => [
+                    d(t(kt), { decorative: "" })
+                  ]),
+                  action: u(() => [
+                    be.value ? (m(), x(R, {
+                      key: 0,
+                      "data-testid": "entity-create-button",
+                      to: e.config.createRoute
+                    }, {
+                      default: u(() => [
+                        d(t(Ue), { decorative: "" }),
+                        U(" " + H(t(a)("routes.list.toolbar_actions.new_route")), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["to"])) : P("", !0),
+                    d(R, {
+                      appearance: "secondary",
+                      "data-testid": "entity-learn-more-button",
+                      onClick: b[2] || (b[2] = (L) => n.$emit("click:learn-more"))
+                    }, {
+                      default: u(() => [
+                        d(t(Xe), { decorative: "" }),
+                        U(" " + H(t(a)("routes.list.empty_state_v2.learn_more")), 1)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 2
+                }, [
+                  (O = e.config) != null && O.isControlPlaneGroup ? {
+                    name: "default",
+                    fn: u(() => [
+                      U(H(t(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(t(_t), {
+          "action-pending": ye.value,
+          description: t(a)("delete.description"),
+          "entity-name": ie.value && (ie.value.name || ie.value.id),
+          "entity-type": t(Tt).Route,
+          error: He.value,
+          title: t(a)("delete.title"),
+          visible: de.value,
+          onCancel: Me,
+          onProceed: $e
+        }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"])
+      ]);
+    };
+  }
+}), fs = /* @__PURE__ */ Z(ss, [["__scopeId", "data-v-afa4025b"]]);
+export {
+  Se as E,
+  ot as H,
+  W as I,
+  Ie as M,
+  Pe as P,
+  ps as R,
+  cs as _,
+  Ko as a,
+  fs as b,
+  J as c,
+  Lt as d,
+  xe as e,
+  Ft as f,
+  q as g,
+  s as h,
+  Je as i,
+  qo as j,
+  ze as s
+};