@kong-ui-public/entities-routes 3.17.3 → 3.17.4

package/dist/{index-CyaFTH-I.js → index-DKwH5iba.js}

@@ -1,5 +1,5 @@
-import { defineComponent as z, ref as B, computed as D, 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 Ve, createCommentVNode as P, createElementVNode as w, 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 dt, useErrors as ut, 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 { 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";
@@ -106,17 +106,17 @@ const oe = "/v2/control-planes/{controlPlaneId}/core-entities", se = "/{workspac
       learn_more: "Learn more"
     }
   }
-}, Vt = {
+}, 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"
   }
-}, wt = {
+}, Vt = {
   success: "Copied {val} to clipboard",
   success_brief: "Successfully copied to clipboard"
-}, Dt = {
+}, wt = {
   config_flavor: {
     label: "Define by"
   },
@@ -330,9 +330,9 @@ const oe = "/v2/control-planes/{controlPlaneId}/core-entities", se = "/{workspac
     title: "Delete a Route",
     description: "Deleting this route will also remove any associated plugins. This action cannot be reversed."
   },
-  errors: Vt,
-  copy: wt,
-  form: Dt
+  errors: Dt,
+  copy: Vt,
+  form: wt
 };
 function $t() {
   const e = It("en-us", Mt);
@@ -378,12 +378,12 @@ const J = {
   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 = D(
+    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 = D(() => {
+    ), p = w(() => {
       var r;
       return (r = Te.item[o.config.app]) == null ? void 0 : r.getService;
     }), y = async (r) => {
@@ -401,7 +401,7 @@ const J = {
       } finally {
         h.value = !1;
       }
-    }, V = B({
+    }, D = B({
       id: {},
       name: {
         tooltip: v("form.fields.name.tooltip")
@@ -500,7 +500,7 @@ const J = {
         d(t(nt), {
           config: e.config,
           "config-card-doc": e.configCardDoc,
-          "config-schema": V.value,
+          "config-schema": D.value,
           "entity-type": t(et).Route,
           "fetch-url": g.value,
           "hide-title": e.hideTitle,
@@ -513,7 +513,7 @@ const J = {
               key: 0,
               "data-testid": "service-name-loader",
               type: "spinner"
-            })) : M.value && M.value.id === i.value && A.value ? (m(), x(t(dt), {
+            })) : M.value && M.value.id === i.value && A.value ? (m(), x(t(ut), {
               key: 1,
               item: {
                 key: M.value.id,
@@ -593,7 +593,7 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
   },
   emits: ["add"],
   setup(e, { emit: C }) {
-    const f = e, o = C, a = Ve("configType", "basic"), { i18n: { t: v } } = J.useI18n(), i = D(() => v(`form.fields.${f.routingRulesEntity}.add`));
+    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, {
@@ -605,7 +605,7 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
       }, {
         default: u(() => [
           d(t(Ue)),
-          w("span", null, H(i.value), 1)
+          V("span", null, H(i.value), 1)
         ]),
         _: 1
       }, 8, ["data-testid"])) : P("", !0);
@@ -624,7 +624,7 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
   },
   emits: ["remove"],
   setup(e, { emit: C }) {
-    const f = C, o = Ve("configType", "basic");
+    const f = C, o = De("configType", "basic");
     return (a, v) => {
       const i = N("KButton");
       return t(o) !== "basic" ? (m(), x(i, {
@@ -658,7 +658,7 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
       return m(), k("div", Wt, [
         d(A, { "tooltip-attributes": { maxWidth: "320" } }, {
           tooltip: u(() => [
-            w("span", {
+            V("span", {
               innerHTML: t(f)("form.fields.destinations.tooltip")
             }, null, 8, jt)
           ]),
@@ -720,7 +720,7 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
       return m(), k("div", Jt, [
         d(A, { "tooltip-attributes": { maxWidth: "320" } }, {
           tooltip: u(() => [
-            w("span", {
+            V("span", {
               innerHTML: t(f)("form.fields.headers.tooltip")
             }, null, 8, Qt)
           ]),
@@ -773,13 +773,13 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
   },
   emits: /* @__PURE__ */ Y(["add", "remove"], ["update:modelValue"]),
   setup(e, { emit: C }) {
-    const { i18n: { t: f } } = J.useI18n(), o = X(e, "modelValue"), a = C, v = Ve("configType", "basic");
+    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(() => [
-            w("span", {
+            V("span", {
               innerHTML: t(f)("form.fields.hosts.tooltip")
             }, null, 8, to)
           ]),
@@ -796,7 +796,7 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
             }, [
               d(g, {
                 modelValue: o.value[y],
-                "onUpdate:modelValue": (V) => o.value[y] = V,
+                "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")
@@ -804,7 +804,7 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
               d(Re, {
                 disabled: o.value.length === 1,
                 "routing-rules-entity": t(s).HOSTS,
-                onRemove: (V) => a("remove", y)
+                onRemove: (D) => a("remove", y)
               }, null, 8, ["disabled", "routing-rules-entity", "onRemove"])
             ]))), 128))
           ]),
@@ -830,7 +830,7 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
   },
   emits: ["update:methods", "update:customMethods"],
   setup(e) {
-    const { i18n: { t: C } } = J.useI18n(), f = X(e, "methods"), o = X(e, "customMethods"), a = D(() => f.value.filter((g) => Object.keys(Ie).includes(g)).concat(o.value.map((g) => g.value))), v = D(() => Object.keys(Ie).map((g) => ({
+    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) => ({
@@ -843,11 +843,11 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
       f.value = g;
     };
     return (g, p) => {
-      const y = N("KLabel"), V = N("KMultiselect");
+      const y = N("KLabel"), D = N("KMultiselect");
       return m(), k("div", lo, [
         d(y, { "tooltip-attributes": { maxWidth: "320" } }, {
           tooltip: u(() => [
-            w("span", {
+            V("span", {
               innerHTML: t(C)("form.fields.methods.tooltip")
             }, null, 8, ro)
           ]),
@@ -856,8 +856,8 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
           ]),
           _: 1
         }),
-        w("div", io, [
-          d(V, {
+        V("div", io, [
+          d(D, {
             "enable-item-creation": "",
             "item-creation-validator": i,
             items: v.value,
@@ -880,13 +880,13 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
   },
   emits: /* @__PURE__ */ Y(["add", "remove"], ["update:modelValue"]),
   setup(e, { emit: C }) {
-    const { i18n: { t: f } } = J.useI18n(), o = X(e, "modelValue"), a = C, v = Ve("configType", "basic");
+    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(() => [
-            w("span", {
+            V("span", {
               innerHTML: t(f)("form.fields.paths.tooltip")
             }, null, 8, co)
           ]),
@@ -903,7 +903,7 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
             }, [
               d(g, {
                 modelValue: o.value[y],
-                "onUpdate:modelValue": (V) => o.value[y] = V,
+                "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")
@@ -911,7 +911,7 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
               d(Re, {
                 disabled: o.value.length === 1,
                 "routing-rules-entity": t(s).PATHS,
-                onRemove: (V) => a("remove", y)
+                onRemove: (D) => a("remove", y)
               }, null, 8, ["disabled", "routing-rules-entity", "onRemove"])
             ]))), 128))
           ]),
@@ -938,7 +938,7 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
       return m(), k("div", mo, [
         d(A, { "tooltip-attributes": { maxWidth: "320" } }, {
           tooltip: u(() => [
-            w("span", {
+            V("span", {
               innerHTML: t(f)("form.fields.snis.tooltip")
             }, null, 8, vo)
           ]),
@@ -990,7 +990,7 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
       return m(), k("div", yo, [
         d(A, { "tooltip-attributes": { maxWidth: "320" } }, {
           tooltip: u(() => [
-            w("span", {
+            V("span", {
               innerHTML: t(f)("form.fields.sources.tooltip")
             }, null, 8, bo)
           ]),
@@ -1089,7 +1089,7 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
       await lt(() => {
         delete i.value[r];
       });
-    }, p = (r) => r.some((c) => v.protocols.includes(c)), y = D(() => new Set(Pe[v.protocols])), V = D(() => {
+    }, 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));
@@ -1104,20 +1104,20 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
         default: u(() => {
           var E;
           return [
-            w("span", To, [
+            V("span", To, [
               d(t(C), { keypath: "form.hint.rules_message" }, {
                 protocol: u(() => [
-                  w("b", null, H(t(a)[e.protocols]), 1)
+                  V("b", null, H(t(a)[e.protocols]), 1)
                 ]),
                 routingRules: u(() => [
                   d(t(C), {
-                    keypath: V.value[1] ? "form.hint.multiple_rules" : "form.hint.single_rule"
+                    keypath: D.value[1] ? "form.hint.multiple_rules" : "form.hint.single_rule"
                   }, {
                     routingRules: u(() => [
-                      U(H(V.value[0]), 1)
+                      U(H(D.value[0]), 1)
                     ]),
                     lastRoutingRule: u(() => [
-                      U(H(V.value[1]), 1)
+                      U(H(D.value[1]), 1)
                     ]),
                     _: 1
                   }, 8, ["keypath"])
@@ -1150,7 +1150,7 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
                     }
                   }, {
                     tooltip: u(() => [
-                      w("span", {
+                      V("span", {
                         innerHTML: t(o)("form.fields.strip_path.tooltip")
                       }, null, 8, Eo)
                     ]),
@@ -1217,7 +1217,7 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
                 width: "100%"
               }, {
                 "label-tooltip": u(() => [
-                  w("span", {
+                  V("span", {
                     innerHTML: t(o)("form.fields.path_handling.tooltip")
                   }, null, 8, Ao)
                 ]),
@@ -1236,7 +1236,7 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
                 width: "100%"
               }, {
                 "label-tooltip": u(() => [
-                  w("span", {
+                  V("span", {
                     innerHTML: t(o)("form.fields.https_redirect_status_code.tooltip")
                   }, null, 8, Oo)
                 ]),
@@ -1255,7 +1255,7 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
                 type: "number"
               }, {
                 "label-tooltip": u(() => [
-                  w("span", {
+                  V("span", {
                     innerHTML: t(o)("form.fields.regex_priority.tooltip")
                   }, null, 8, ko)
                 ]),
@@ -1271,7 +1271,7 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
                 }
               }, {
                 tooltip: u(() => [
-                  w("span", {
+                  V("span", {
                     innerHTML: t(o)("form.fields.preserve_host.tooltip")
                   }, null, 8, Ho)
                 ]),
@@ -1287,7 +1287,7 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
                 }
               }, {
                 tooltip: u(() => [
-                  w("span", {
+                  V("span", {
                     innerHTML: t(o)("form.fields.request_buffering.tooltip")
                   }, null, 8, No)
                 ]),
@@ -1303,7 +1303,7 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
                 }
               }, {
                 tooltip: u(() => [
-                  w("span", {
+                  V("span", {
                     innerHTML: t(o)("form.fields.response_buffering.tooltip")
                   }, null, 8, Co)
                 ]),
@@ -1316,7 +1316,7 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
       });
     };
   }
-}), Qe = /* @__PURE__ */ Z(xo, [["__scopeId", "data-v-f3fa9614"]]), Vo = /* @__PURE__ */ z({
+}), Qe = /* @__PURE__ */ Z(xo, [["__scopeId", "data-v-f3fa9614"]]), Do = /* @__PURE__ */ z({
   __name: "RouteFormExpressionsEditorLoader",
   props: /* @__PURE__ */ Y({
     protocol: {},
@@ -1332,7 +1332,7 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
     }, a = {
       render: () => Ke("div", f("form.expressions_editor.error"))
     }, v = rt({
-      loader: async () => import("./RouteFormExpressionsEditor-ykO-6Hk6.js"),
+      loader: async () => import("./RouteFormExpressionsEditor-BmRiH3GR.js"),
       loadingComponent: o,
       errorComponent: a
     }), i = e, A = C, h = B(Se.LOADING), g = X(e, "modelValue"), p = (y) => {
@@ -1344,7 +1344,7 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
       } catch (y) {
         h.value = Se.ERROR, console.error(y);
       }
-    }), (y, V) => (m(), k(G, null, [
+    }), (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"
@@ -1354,14 +1354,14 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
       })) : (m(), x(t(v), {
         key: 2,
         modelValue: g.value,
-        "onUpdate:modelValue": V[0] || (V[0] = (F) => g.value = F),
+        "onUpdate:modelValue": D[0] || (D[0] = (F) => g.value = F),
         protocol: i.protocol,
         "show-expressions-modal-entry": e.showExpressionsModalEntry,
-        onNotify: V[1] || (V[1] = (F) => A("notify", F))
+        onNotify: D[1] || (D[1] = (F) => A("notify", F))
       }, {
         default: u(() => [
           d(t(At), { size: t(Gt) }, null, 8, ["size"]),
-          w("span", null, H(t(f)("form.expression_playground.test_link")), 1)
+          V("span", null, H(t(f)("form.expression_playground.test_link")), 1)
         ]),
         _: 1
       }, 8, ["modelValue", "protocol", "show-expressions-modal-entry"])),
@@ -1371,7 +1371,7 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
       })
     ], 64));
   }
-}), wo = { class: "route-form-routing-rules-title-container" }, Do = { class: "routing-rules-title" }, Mo = { class: "route-form-fields-container route-form-advanced-fields-container" }, $o = /* @__PURE__ */ z({
+}), 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: {},
@@ -1384,22 +1384,22 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
   }),
   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 = D(() => o.protocols.split(",") || []), h = (g) => g.some((p) => o.protocols.includes(p));
+    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"), V = N("KSelect"), F = N("KInput"), r = N("KCheckbox"), c = N("KCollapse");
+      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(() => [
-            w("div", wo, [
+            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)),
-              w("span", Do, H(t(f)("form.sections.routingExpression.title")), 1)
+              V("span", wo, H(t(f)("form.sections.routingExpression.title")), 1)
             ])
           ]),
           default: u(() => [
-            d(Vo, {
+            d(Do, {
               modelValue: a.value.expression,
               "onUpdate:modelValue": p[0] || (p[0] = (S) => a.value.expression = S),
               protocol: A.value[0],
@@ -1427,8 +1427,8 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
           default: u(() => [
             d(y, null, {
               default: u(() => [
-                w("div", Mo, [
-                  d(V, {
+                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",
@@ -1529,7 +1529,7 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
         value: q.EXPRESSIONS,
         label: h("form.flavors.expressions")
       }
-    ], p = D(() => [
+    ], 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" },
@@ -1549,7 +1549,7 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
         { label: h("form.protocols.wss"), value: "wss" },
         { label: h("form.protocols.ws,wss"), value: "ws,wss" }
       ] : []
-    ]), y = D(() => f.recordFlavor ? f.recordFlavor : a.value), V = (E, _) => {
+    ]), 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))
@@ -1564,28 +1564,28 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
     }, F = (E) => E.some((_) => f.protocols.includes(_)), r = () => {
       if (y.value !== q.TRADITIONAL)
         return null;
-      const E = v.value, _ = V(s.HEADERS, E.headers || []) || W[s.HEADERS];
+      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 = D(() => (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 = D(() => ({
+    }, 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 = D(() => {
+    })), le = w(() => {
       switch (y.value) {
         case q.TRADITIONAL: {
-          const E = v.value, _ = S(V(s.PATHS, E.paths || [])), T = S(V(s.HOSTS, E.hosts || [])), K = {
+          const E = v.value, _ = S(D(s.PATHS, E.paths || [])), T = S(D(s.HOSTS, E.hosts || [])), K = {
             ...M.value,
-            methods: S(V(s.METHODS, c.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(V(s.SOURCES, E.sources || [])),
-            destinations: S(V(s.DESTINATIONS, E.destinations || [])),
-            snis: o.value === "basic" ? null : S(V(s.SNIS, E.snis || []))
+            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,
@@ -1622,7 +1622,7 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
     }, { 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, [
-        w("div", Po, [
+        V("div", Po, [
           d(T, {
             modelValue: o.value,
             "onUpdate:modelValue": _[0] || (_[0] = ($) => o.value = $),
@@ -1671,13 +1671,13 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
               options: g
             }, {
               "option-label": u(({ option: $ }) => {
-                var fe, de;
+                var fe, ue;
                 return [
-                  w("span", null, H($.label), 1),
+                  V("span", null, H($.label), 1),
                   (fe = e.tooltips) != null && fe[$.value] ? (m(), x(Ae, {
                     key: 0,
                     class: "route-form-config-tabs-tooltip",
-                    text: (de = e.tooltips) == null ? void 0 : de[$.value],
+                    text: (ue = e.tooltips) == null ? void 0 : ue[$.value],
                     "tooltip-id": `route-form-config-tabs-tooltip-${$.value}`
                   }, {
                     default: u(() => [
@@ -1820,7 +1820,7 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
     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 = D(() => {
+    ), A = B(void 0), h = w(() => {
       if (A.value)
         return A.value;
       if (i.value)
@@ -1829,7 +1829,7 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
         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: V } = ut(), F = (l) => l.name ? `${l.name} - ${l.value}` : l.value, r = Ce({
+    }), { 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: "",
@@ -1871,7 +1871,7 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
       supportedRange: {
         enterprise: ["3.0"]
       }
-    }), E = D(() => o.routeId ? Ge.Edit : Ge.Create), _ = D(() => {
+    }), 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 = () => {
@@ -1893,7 +1893,7 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
       (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)));
-    }, $ = D(() => {
+    }, $ = w(() => {
       switch (h.value) {
         case q.TRADITIONAL: {
           if (ze(r)) {
@@ -1909,7 +1909,7 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
         }
       }
       return !0;
-    }), fe = D(() => !je(r.fields, le) || !je(S.value, M.value)), de = D(() => {
+    }), 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;
@@ -1917,7 +1917,7 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
     _e(() => r.fields, () => {
       a("model-updated", me.value);
     }, { deep: !0 });
-    const me = D(() => {
+    const me = w(() => {
       var l, n, b;
       return {
         ...!o.hideNameField && { name: r.fields.name || null },
@@ -1940,36 +1940,36 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
         }
       }
       return "service" in l && "tags" in l && "protocols" in l;
-    }, ue = async (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(de.value, n) : E.value === "edit" && (R = ((b = o.config) == null ? void 0 : b.app) === "konnect" ? await y.put(de.value, n) : await y.patch(de.value, n)), ge(R == null ? void 0 : R.data), a("update", R == null ? void 0 : R.data);
+        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 = V(R), a("error", R);
+        r.errorMessage = D(R), a("error", R);
       } finally {
         r.isReadonly = !1;
       }
     }, {
       debouncedQueryChange: ye,
       loading: He,
-      error: we,
-      loadItems: De,
+      error: Ve,
+      loadItems: we,
       results: Me
     } = pt(o.config, Te.form[o.config.app].services, void 0, {
       fetchedItemsKey: "data",
       searchKeys: ["id", "name"]
-    }), $e = D(() => we.value ? g("errors.services.fetch") : ""), Oe = D(() => {
+    }), $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 De() : r.fields.service_id = o.serviceId;
+      !o.hideServiceField && !o.serviceId ? await we() : r.fields.service_id = o.serviceId;
     }), Ye(() => {
       a("model-updated", me.value);
-    }), C({ saveFormData: ue, payload: me }), it("configType", v), (l, n) => {
+    }), 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), {
@@ -1985,13 +1985,13 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
           "onFetch:error": Ae,
           "onFetch:success": ge,
           onLoading: K,
-          onSubmit: ue
+          onSubmit: de
         }, {
           "form-actions": u(() => [
             Le(l.$slots, "form-actions", {
               canSubmit: $.value && fe.value,
               cancel: T,
-              submit: ue
+              submit: de
             }, void 0, !0)
           ]),
           default: u(() => [
@@ -2031,18 +2031,18 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
                     onQueryChange: t(ye)
                   }, {
                     loading: u(() => [
-                      w("div", null, H(t(g)("actions.loading")), 1)
+                      V("div", null, H(t(g)("actions.loading")), 1)
                     ]),
                     empty: u(() => [
-                      w("div", Wo, H(t(g)("search.no_results")), 1)
+                      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 }) => [
-                      w("div", jo, [
-                        w("span", Xo, H(I.name), 1),
-                        w("span", zo, H(I.value), 1)
+                      V("div", jo, [
+                        V("span", Xo, H(I.name), 1),
+                        V("span", zo, H(I.value), 1)
                       ])
                     ]),
                     _: 1
@@ -2167,7 +2167,7 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
   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 = D(() => g.value && o.config.app === "konnect"), y = D(() => !!o.config.serviceId), V = D(() => o.config.app !== "kongManager" || !!o.config.disableSorting), F = {
+    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 },
@@ -2186,11 +2186,11 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
       columnVisibility: {
         created_at: !1
       }
-    }, c = F, S = D(() => {
+    }, 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 = D(() => {
+    }), M = B(""), le = w(() => {
       const n = o.config.app === "konnect" || o.config.isExactMatch;
       if (n)
         return {
@@ -2215,7 +2215,7 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
       fetcher: j,
       fetcherState: E,
       fetcherCacheKey: _
-    } = vt(D(() => ({ ...o.config, cacheIdentifier: o.cacheIdentifier })), S), T = (n) => n.headerKey === "expression" ? {
+    } = vt(w(() => ({ ...o.config, cacheIdentifier: o.cacheIdentifier })), S), T = (n) => n.headerKey === "expression" ? {
       style: {
         maxWidth: "250px",
         overflowX: "hidden",
@@ -2258,22 +2258,25 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
     }, fe = (n) => ({
       label: a("actions.view"),
       to: o.config.getViewRoute(n)
-    }), de = (n) => ({
+    }), ue = (n) => ({
       label: a("actions.edit"),
       to: o.config.getEditRoute(n)
-    }), me = (n) => ({
-      label: a("actions.debugger"),
-      to: o.config.getDebugRoute(n)
-    }), ie = B(void 0), ue = B(!1), ye = B(!1), He = B(""), we = ht(o.config, S.value), De = (n) => {
-      ie.value = n, ue.value = !0;
+    }), 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 = () => {
-      ue.value = !1;
+      de.value = !1;
     }, $e = async () => {
       var n, b, R;
       if ((n = ie.value) != null && n.id) {
         ye.value = !0;
         try {
-          await A.delete(we(ie.value.id)), ye.value = !1, ue.value = !1, _.value++, f("delete:success", ie.value);
+          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 {
@@ -2306,7 +2309,7 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
           "cache-identifier": e.cacheIdentifier,
           "cell-attributes": T,
           "default-table-preferences": r,
-          "disable-sorting": V.value,
+          "disable-sorting": D.value,
           "empty-state-options": Oe.value,
           "enable-entity-actions": "",
           "error-message": ne.value,
@@ -2335,7 +2338,7 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
               disabled: !e.useActionOutside,
               to: "#kong-ui-app-page-header-action-button"
             }, [
-              w("div", Yo, [
+              V("div", Yo, [
                 !y.value && p.value ? (m(), x(R, {
                   key: 0,
                   appearance: "secondary",
@@ -2372,7 +2375,7 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
             ], 8, ["disabled"]))
           ]),
           name: u(({ rowValue: O }) => [
-            w("b", null, H(O ?? "-"), 1)
+            V("b", null, H(O ?? "-"), 1)
           ]),
           protocols: u(({ rowValue: O }) => [
             d(ae, null, {
@@ -2454,7 +2457,7 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
             d(t(bt), { tags: O }, null, 8, ["tags"])
           ]),
           expression: u(({ rowValue: O }) => [
-            w("span", os, H(O || "-"), 1)
+            V("span", os, H(O || "-"), 1)
           ]),
           created_at: u(({ rowValue: O }) => [
             U(H(t(v)(O)), 1)
@@ -2507,10 +2510,11 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
               "auth-function": () => e.canDebug(O)
             }, {
               default: u(() => [
-                d(Q, {
+                e.config.getDebugRoute ? (m(), x(Q, {
+                  key: 0,
                   "data-testid": "action-entity-debug",
                   item: me(O.id)
-                }, null, 8, ["item"])
+                }, null, 8, ["item"])) : P("", !0)
               ]),
               _: 2
             }, 1032, ["auth-function"]),
@@ -2520,7 +2524,7 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
               default: u(() => [
                 d(Q, {
                   "data-testid": "action-entity-edit",
-                  item: de(O.id)
+                  item: ue(O.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
@@ -2533,7 +2537,7 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
                   danger: "",
                   "data-testid": "action-entity-delete",
                   "has-divider": "",
-                  onClick: (L) => De(O)
+                  onClick: (L) => we(O)
                 }, {
                   default: u(() => [
                     U(H(t(a)("actions.delete")), 1)
@@ -2606,14 +2610,14 @@ const ze = (e) => e.routeFlavors.traditional === !0, Je = (e) => e.routeFlavors.
           "entity-type": t(Tt).Route,
           error: He.value,
           title: t(a)("delete.title"),
-          visible: ue.value,
+          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-f8e2719c"]]);
+}), fs = /* @__PURE__ */ Z(ss, [["__scopeId", "data-v-a438ef1a"]]);
 export {
   Se as E,
   ot as H,