@kong-ui-public/entities-upstreams-targets 3.2.0 → 3.2.1

package/dist/entities-upstreams-targets.es.js

@@ -1,9 +1,9 @@
-import { defineComponent as X, ref as B, computed as T, watch as ke, renderSlot as re, createCommentVNode as D, unref as u, onBeforeMount as st, resolveComponent as j, openBlock as k, createBlock as P, createSlots as Ee, withCtx as f, createElementVNode as I, createVNode as y, createTextVNode as J, toDisplayString as w, renderList as Ce, createElementBlock as K, withModifiers as ml, withDirectives as Ae, vShow as He, Fragment as fe, normalizeClass as qe, withKeys as Gr, useSlots as Vt, resolveDynamicComponent as xe, useCssVars as Ll, inject as Xr, onMounted as ei, onUnmounted as ti, normalizeStyle as Be, normalizeProps as ai, guardReactiveProps as li, mergeProps as ri, pushScopeId as Pe, popScopeId as Ve, Teleport as Rl, reactive as pt } from "vue";
+import { defineComponent as X, ref as B, computed as T, watch as ke, renderSlot as re, createCommentVNode as D, unref as u, onBeforeMount as st, resolveComponent as K, openBlock as k, createBlock as P, createSlots as Ee, withCtx as f, createElementVNode as I, createVNode as y, createTextVNode as J, toDisplayString as w, renderList as Ce, resolveDynamicComponent as _e, createElementBlock as j, withModifiers as ml, withDirectives as Ae, vShow as He, Fragment as fe, normalizeClass as qe, withKeys as Gr, useSlots as Vt, useCssVars as Ll, inject as Xr, onMounted as ei, onUnmounted as ti, normalizeStyle as Be, normalizeProps as ai, guardReactiveProps as li, mergeProps as ri, pushScopeId as Pe, popScopeId as Ve, Teleport as Rl, reactive as pt } from "vue";
 import gl from "axios";
 import { createI18n as Dl, i18nTComponent as zl } from "@kong-ui-public/i18n";
 import { BadgeMethodAppearances as ii } from "@kong/kongponents";
 import { useRouter as Lt } from "vue-router";
-var Rt = /* @__PURE__ */ ((e) => (e.GatewayService = "service", e.Route = "route", e.Consumer = "consumer", e.ConsumerGroup = "consumer group", e.Plugin = "plugin", e.Upstream = "upstream", e.Certificate = "certificate", e.CACertificate = "ca certificate", e.SNI = "SNI", e.Key = "key", e.KeySet = "key set", e.Vault = "vault", e.Application = "application", e.Developer = "developer", e.acls = "ACL Credential", e["basic-auth"] = "Basic Auth Credential", e["key-auth"] = "Key Auth Credential", e["key-auth-enc"] = "Key Auth Encrypted Credential", e.oauth2 = "OAuth 2.0 Credential", e["hmac-auth"] = "HMAC Credential", e.jwt = "JWT Credential", e.Target = "target", e.Policy = "policy", e))(Rt || {}), we = /* @__PURE__ */ ((e) => (e.Edit = "edit", e.Create = "create", e))(we || {}), $e = /* @__PURE__ */ ((e) => (e[e.Loading = 0] = "Loading", e[e.Idle = 1] = "Idle", e[e.NoResults = 2] = "NoResults", e[e.Error = 3] = "Error", e))($e || {}), le = /* @__PURE__ */ ((e) => (e.ID = "id", e.IdArray = "id-array", e.Text = "plain-text", e.Date = "date", e.Redacted = "redacted", e.RedactedArray = "redacted-array", e.Json = "json", e.JsonArray = "json-array", e.BadgeTag = "badge-tag", e.BadgeStatus = "badge-status", e.BadgeMethod = "badge-method", e.LinkInternal = "link-internal", e.LinkExternal = "link-external", e))(le || {}), ne = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Advanced = "advanced", e.Plugin = "plugin", e))(ne || {});
+var Rt = /* @__PURE__ */ ((e) => (e.GatewayService = "service", e.Route = "route", e.Consumer = "consumer", e.ConsumerGroup = "consumer group", e.Plugin = "plugin", e.Upstream = "upstream", e.Certificate = "certificate", e.CACertificate = "ca certificate", e.SNI = "SNI", e.Key = "key", e.KeySet = "key set", e.Vault = "vault", e.Application = "application", e.Developer = "developer", e.acls = "ACL Credential", e["basic-auth"] = "Basic Auth Credential", e["key-auth"] = "Key Auth Credential", e["key-auth-enc"] = "Key Auth Encrypted Credential", e.oauth2 = "OAuth 2.0 Credential", e["hmac-auth"] = "HMAC Credential", e.jwt = "JWT Credential", e.Target = "target", e.Policy = "policy", e))(Rt || {}), Se = /* @__PURE__ */ ((e) => (e.Edit = "edit", e.Create = "create", e))(Se || {}), $e = /* @__PURE__ */ ((e) => (e[e.Loading = 0] = "Loading", e[e.Idle = 1] = "Idle", e[e.NoResults = 2] = "NoResults", e[e.Error = 3] = "Error", e))($e || {}), le = /* @__PURE__ */ ((e) => (e.ID = "id", e.IdArray = "id-array", e.Text = "plain-text", e.Date = "date", e.Redacted = "redacted", e.RedactedArray = "redacted-array", e.Json = "json", e.JsonArray = "json-array", e.BadgeTag = "badge-tag", e.BadgeStatus = "badge-status", e.BadgeMethod = "badge-method", e.LinkInternal = "link-internal", e.LinkExternal = "link-external", e))(le || {}), ne = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Advanced = "advanced", e.Plugin = "plugin", e))(ne || {});
 function si() {
   return {
     getAxiosInstance: (e = {}) => {
@@ -288,8 +288,8 @@ function Ci(e, a, t, l = {
             const q = await Promise.all(F), A = /* @__PURE__ */ new Set();
             p.value = [], (N = q == null ? void 0 : q.forEach) == null || N.call(q, (M) => {
               var E;
-              (E = M == null ? void 0 : M.forEach) == null || E.call(M, (W) => {
-                A.has(W.id) || (A.add(W.id), p.value.push(W));
+              (E = M == null ? void 0 : M.forEach) == null || E.call(M, (Q) => {
+                A.has(Q.id) || (A.add(Q.id), p.value.push(Q));
               });
             });
           } else
@@ -548,14 +548,14 @@ const de = {
       var o;
       return a.isArrayItem ? (o = s.value) != null && o.name ? l(s.value.name, "_") : t("baseConfigCard.general.entryTitle", { index: a.index }) : "";
     });
-    return (o, d) => (k(), P(xe(e.isArrayItem ? "fieldset" : "div"), {
+    return (o, d) => (k(), P(_e(e.isArrayItem ? "fieldset" : "div"), {
       class: qe(e.isArrayItem ? "config-card-fieldset" : "config-card-json-item")
     }, {
       default: f(() => [
-        e.isArrayItem ? (k(), K("legend", Ni, [
+        e.isArrayItem ? (k(), j("legend", Ni, [
           I("b", null, w(c.value), 1)
         ])) : D("", !0),
-        (k(!0), K(fe, null, Ce(Object.keys(i.value), (h, p) => (k(), P(Gl, {
+        (k(!0), j(fe, null, Ce(Object.keys(i.value), (h, p) => (k(), P(Gl, {
           key: `${r.value}-property-${p}`,
           item: {
             key: h,
@@ -567,12 +567,12 @@ const de = {
       _: 1
     }, 8, ["class"]));
   }
-}), _e = (e, a) => {
+}), we = (e, a) => {
   const t = e.__vccOpts || e;
   for (const [l, r] of a)
     t[l] = r;
   return t;
-}, Yl = /* @__PURE__ */ _e(Mi, [["__scopeId", "data-v-68ca83ec"]]), ji = /* @__PURE__ */ X({
+}, Yl = /* @__PURE__ */ we(Mi, [["__scopeId", "data-v-68ca83ec"]]), ji = /* @__PURE__ */ X({
   __name: "InternalLinkItem",
   props: {
     item: {
@@ -584,8 +584,8 @@ const de = {
   setup(e) {
     const { i18n: { t: a } } = de.useI18n();
     return (t, l) => {
-      const r = j("KButton");
-      return k(), K("div", null, [
+      const r = K("KButton");
+      return k(), j("div", null, [
         y(r, {
           appearance: "tertiary",
           class: "navigation-button",
@@ -599,7 +599,7 @@ const de = {
       ]);
     };
   }
-}), Ki = /* @__PURE__ */ _e(ji, [["__scopeId", "data-v-c96811e5"]]), Ei = /* @__PURE__ */ X({
+}), Ki = /* @__PURE__ */ we(ji, [["__scopeId", "data-v-c96811e5"]]), Ei = /* @__PURE__ */ X({
   __name: "StatusBadge",
   props: {
     status: {
@@ -610,7 +610,7 @@ const de = {
   setup(e) {
     const { i18n: { t: a } } = de.useI18n();
     return (t, l) => {
-      const r = j("KBadge");
+      const r = K("KBadge");
       return k(), P(r, {
         appearance: e.status ? "success" : "neutral"
       }, {
@@ -762,8 +762,8 @@ const de = {
       }
     }), g = B(), { isTruncated: n } = de.useTruncationDetector(g);
     return (O, H) => {
-      const v = j("KLabel"), U = j("KBadge"), $ = j("KCopy"), R = j("KTooltip");
-      return k(), K("div", Di, [
+      const v = K("KLabel"), U = K("KBadge"), $ = K("KCopy"), R = K("KTooltip");
+      return k(), j("div", Di, [
         I("div", {
           class: "config-card-details-label",
           "data-testid": `${e.item.key}-label`
@@ -798,14 +798,14 @@ const de = {
           re(O.$slots, e.item.key, {
             rowValue: e.item.value
           }, () => [
-            c.value ? (k(), K("div", Zi, [
-              (k(), P(xe(p.value.tag), ai(li(p.value.attrs)), {
+            c.value ? (k(), j("div", Zi, [
+              (k(), P(_e(p.value.tag), ai(li(p.value.attrs)), {
                 default: f(() => [
-                  p.value.additionalComponent === "KBadge" ? (k(), K("div", {
+                  p.value.additionalComponent === "KBadge" ? (k(), j("div", {
                     key: 0,
                     "data-testid": `${e.item.key}-badge-tags`
                   }, [
-                    (k(!0), K(fe, null, Ce(e.item.value, (x, N) => (k(), P(U, {
+                    (k(!0), j(fe, null, Ce(e.item.value, (x, N) => (k(), P(U, {
                       key: `${e.item.key}-badge-tag-${N}`,
                       class: "config-badge",
                       "data-testid": `${e.item.key}-badge-tag-${N}`,
@@ -818,22 +818,22 @@ const de = {
                       _: 2
                     }, 1032, ["data-testid", "tooltip"]))), 128))
                   ], 8, Yi)) : D("", !0),
-                  p.value.additionalComponent === "KCopy" ? (k(), K("div", {
+                  p.value.additionalComponent === "KCopy" ? (k(), j("div", {
                     key: 1,
                     class: "copy-uuid-array",
                     "data-testid": `${e.item.key}-copy-uuid-array`
                   }, [
-                    (k(!0), K(fe, null, Ce(e.item.value, (x, N) => (k(), P($, ri({ ref_for: !0 }, p.value.childAttrs, {
+                    (k(!0), j(fe, null, Ce(e.item.value, (x, N) => (k(), P($, ri({ ref_for: !0 }, p.value.childAttrs, {
                       key: `${e.item.key}-copy-uuid-${N}`,
                       "data-testid": `${e.item.key}-copy-uuid-${N}`,
                       text: x
                     }), null, 16, ["data-testid", "text"]))), 128))
-                  ], 8, Gi)) : p.value.additionalComponent === "KMethodBadge" ? (k(), K("div", {
+                  ], 8, Gi)) : p.value.additionalComponent === "KMethodBadge" ? (k(), j("div", {
                     key: 2,
                     class: "method-badge-array",
                     "data-testid": `${e.item.key}-badge-methods`
                   }, [
-                    (k(!0), K(fe, null, Ce(e.item.value, (x, N) => (k(), P(U, {
+                    (k(!0), j(fe, null, Ce(e.item.value, (x, N) => (k(), P(U, {
                       key: `${e.item.key}-badge-method-${N}`,
                       appearance: Object.values(u(ii)).includes(x.toLowerCase()) ? x.toLowerCase() : "custom",
                       class: "config-badge",
@@ -845,11 +845,11 @@ const de = {
                       _: 2
                     }, 1032, ["appearance", "data-testid"]))), 128))
                   ], 8, Xi)) : D("", !0),
-                  p.value.additionalComponent === "JsonCardItem" ? (k(), K("div", {
+                  p.value.additionalComponent === "JsonCardItem" ? (k(), j("div", {
                     key: 3,
                     "data-testid": `${t.item.key}-json-array-content`
                   }, [
-                    (k(!0), K(fe, null, Ce(e.item.value, (x, N) => (k(), P(Yl, {
+                    (k(!0), j(fe, null, Ce(e.item.value, (x, N) => (k(), P(Yl, {
                       key: `json-array-item-${N}`,
                       index: N,
                       "is-array-item": "",
@@ -871,7 +871,7 @@ const de = {
                 ]),
                 _: 1
               }, 16))
-            ])) : (k(), K("div", {
+            ])) : (k(), j("div", {
               key: 0,
               "data-testid": `${e.item.key}-no-value`
             }, " – ", 8, Qi))
@@ -880,7 +880,7 @@ const de = {
       ]);
     };
   }
-}), Gl = /* @__PURE__ */ _e(as, [["__scopeId", "data-v-d268261c"]]), ls = { class: "json-config" }, rs = {
+}), Gl = /* @__PURE__ */ we(as, [["__scopeId", "data-v-d268261c"]]), ls = { class: "json-config" }, rs = {
   key: 0,
   class: "json-endpoint"
 }, Xl = /* @__PURE__ */ X({
@@ -922,9 +922,9 @@ const de = {
       return s.length < 2 ? 0 : 41 + (a.requestMethod === "post" ? s[s.length - 1] : s[s.length - 2]).length;
     });
     return (r, s) => {
-      const i = j("KBadge"), c = j("KCodeBlock");
-      return k(), K("div", ls, [
-        a.fetcherUrl ? (k(), K("div", rs, [
+      const i = K("KBadge"), c = K("KCodeBlock");
+      return k(), j("div", ls, [
+        a.fetcherUrl ? (k(), j("div", rs, [
           y(i, {
             appearance: a.requestMethod
           }, {
@@ -1545,7 +1545,7 @@ var kr = new me("tag:yaml.org,2002:set", {
 function Il(e) {
   return Object.prototype.toString.call(e);
 }
-function Se(e) {
+function Ie(e) {
   return e === 10 || e === 13;
 }
 function Ke(e) {
@@ -1664,7 +1664,7 @@ function oe(e, a, t) {
       do
         r = e.input.charCodeAt(++e.position);
       while (r !== 10 && r !== 13 && r !== 0);
-    if (Se(r))
+    if (Ie(r))
       for (Wt(e), r = e.input.charCodeAt(e.position), l++, e.lineIndent = 0; r === 32; )
         e.lineIndent++, r = e.input.charCodeAt(++e.position);
     else
@@ -1694,7 +1694,7 @@ function mn(e, a, t) {
     } else {
       if (e.position === e.lineStart && _t(e) || t && We(n))
         break;
-      if (Se(n))
+      if (Ie(n))
         if (o = e.line, d = e.lineStart, h = e.lineIndent, oe(e, !1, -1), e.lineIndent >= a) {
           c = !0, n = e.input.charCodeAt(e.position);
           continue;
@@ -1718,7 +1718,7 @@ function gn(e, a) {
       else
         return !0;
     else
-      Se(t) ? (Ne(e, l, r, !0), Qt(e, oe(e, !1, a)), l = r = e.position) : e.position === e.lineStart && _t(e) ? L(e, "unexpected end of the document within a single quoted scalar") : (e.position++, r = e.position);
+      Ie(t) ? (Ne(e, l, r, !0), Qt(e, oe(e, !1, a)), l = r = e.position) : e.position === e.lineStart && _t(e) ? L(e, "unexpected end of the document within a single quoted scalar") : (e.position++, r = e.position);
   L(e, "unexpected end of the stream within a single quoted scalar");
 }
 function vn(e, a) {
@@ -1729,7 +1729,7 @@ function vn(e, a) {
     if (c === 34)
       return Ne(e, t, e.position, !0), e.position++, !0;
     if (c === 92) {
-      if (Ne(e, t, e.position, !0), c = e.input.charCodeAt(++e.position), Se(c))
+      if (Ne(e, t, e.position, !0), c = e.input.charCodeAt(++e.position), Ie(c))
         oe(e, !1, a);
       else if (c < 256 && Ir[c])
         e.result += xr[c], e.position++;
@@ -1741,7 +1741,7 @@ function vn(e, a) {
         L(e, "unknown escape sequence");
       t = l = e.position;
     } else
-      Se(c) ? (Ne(e, t, l, !0), Qt(e, oe(e, !1, a)), t = l = e.position) : e.position === e.lineStart && _t(e) ? L(e, "unexpected end of the document within a double quoted scalar") : (e.position++, l = e.position);
+      Ie(c) ? (Ne(e, t, l, !0), Qt(e, oe(e, !1, a)), t = l = e.position) : e.position === e.lineStart && _t(e) ? L(e, "unexpected end of the document within a double quoted scalar") : (e.position++, l = e.position);
   }
   L(e, "unexpected end of the stream within a double quoted scalar");
 }
@@ -1782,12 +1782,12 @@ function bn(e, a) {
     if (p === 35)
       do
         p = e.input.charCodeAt(++e.position);
-      while (!Se(p) && p !== 0);
+      while (!Ie(p) && p !== 0);
   }
   for (; p !== 0; ) {
     for (Wt(e), e.lineIndent = 0, p = e.input.charCodeAt(e.position); (!i || e.lineIndent < c) && p === 32; )
       e.lineIndent++, p = e.input.charCodeAt(++e.position);
-    if (!i && e.lineIndent > c && (c = e.lineIndent), Se(p)) {
+    if (!i && e.lineIndent > c && (c = e.lineIndent), Ie(p)) {
       o++;
       continue;
     }
@@ -1801,7 +1801,7 @@ function bn(e, a) {
 `, s ? 1 + o : o)) : d ? (d = !1, e.result += ce.repeat(`
 `, o + 1)) : o === 0 ? s && (e.result += " ") : e.result += ce.repeat(`
 `, o) : e.result += ce.repeat(`
-`, s ? 1 + o : o), s = !0, i = !0, o = 0, t = e.position; !Se(p) && p !== 0; )
+`, s ? 1 + o : o), s = !0, i = !0, o = 0, t = e.position; !Ie(p) && p !== 0; )
       p = e.input.charCodeAt(++e.position);
     Ne(e, t, e.position, !1);
   }
@@ -1929,10 +1929,10 @@ function Sn(e) {
       if (i === 35) {
         do
           i = e.input.charCodeAt(++e.position);
-        while (i !== 0 && !Se(i));
+        while (i !== 0 && !Ie(i));
         break;
       }
-      if (Se(i))
+      if (Ie(i))
         break;
       for (t = e.position; i !== 0 && !be(i); )
         i = e.input.charCodeAt(++e.position);
@@ -2335,8 +2335,8 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
       return Object.keys(l).length === 0 && l.constructor === Object ? "" : xo.dump(l).trim();
     });
     return (l, r) => {
-      const s = j("KCodeBlock");
-      return k(), K("div", Ao, [
+      const s = K("KCodeBlock");
+      return k(), j("div", Ao, [
         a.yamlRecord ? (k(), P(s, {
           key: 0,
           id: "yaml-codeblock",
@@ -2398,15 +2398,15 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
       const i = JSON.parse(JSON.stringify(a.record));
       return delete i.created_at, delete i.updated_at, i;
     });
-    return (i, c) => (k(), K(fe, null, [
-      e.format === "structured" ? (k(), K("div", Ho, [
-        (k(!0), K(fe, null, Ce(e.propListTypes, (o) => (k(), K("div", {
+    return (i, c) => (k(), j(fe, null, [
+      e.format === "structured" ? (k(), j("div", Ho, [
+        (k(!0), j(fe, null, Ce(e.propListTypes, (o) => (k(), j("div", {
           key: `config-card-details-${o}-props`,
           class: qe(`config-card-details-${o}-props`),
           "data-testid": `config-card-details-${o}-props`
         }, [
-          o !== "basic" ? (k(), K("div", qo, w(o === "advanced" ? u(l)("baseConfigCard.sections.advanced") : u(l)("baseConfigCard.sections.plugin")), 1)) : D("", !0),
-          (k(!0), K(fe, null, Ce(e.propertyCollections[o], (d) => (k(), P(Gl, {
+          o !== "basic" ? (k(), j("div", qo, w(o === "advanced" ? u(l)("baseConfigCard.sections.advanced") : u(l)("baseConfigCard.sections.plugin")), 1)) : D("", !0),
+          (k(!0), j(fe, null, Ce(e.propertyCollections[o], (d) => (k(), P(Gl, {
             key: d.key,
             item: d
           }, Ee({
@@ -2444,7 +2444,7 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
       }, null, 8, ["yaml-record"])) : D("", !0)
     ], 64));
   }
-}), Uo = /* @__PURE__ */ _e(Oo, [["__scopeId", "data-v-2052238b"]]), Ie = "24px", nt = (e, a) => {
+}), Uo = /* @__PURE__ */ we(Oo, [["__scopeId", "data-v-2052238b"]]), xe = "24px", nt = (e, a) => {
   const t = e.__vccOpts || e;
   for (const [l, r] of a)
     t[l] = r;
@@ -2486,7 +2486,7 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
     size: {
       type: [Number, String],
       required: !1,
-      default: Ie,
+      default: xe,
       // if setting to the imported const fails, just pass a number of 24 as the default.
       validator: (e) => {
         if (typeof e == "number" && e > 0)
@@ -2515,7 +2515,7 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
         if (s && !isNaN(s) && Number.isInteger(s) && s > 0)
           return `${s}px`;
       }
-      return Ie;
+      return xe;
     }), l = T(() => ({
       boxSizing: "border-box",
       color: a.color,
@@ -2524,14 +2524,14 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
       lineHeight: "0",
       width: t.value
     }));
-    return (r, s) => (k(), P(xe(e.as), {
+    return (r, s) => (k(), P(_e(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon add-icon",
       "data-testid": "kui-icon-wrapper-add-icon",
       style: Be(l.value)
     }, {
       default: f(() => [
-        (k(), K("svg", {
+        (k(), j("svg", {
           "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-add-icon",
           fill: "none",
@@ -2541,7 +2541,7 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (k(), K("title", No, w(e.title), 1)) : D("", !0),
+          e.title ? (k(), j("title", No, w(e.title), 1)) : D("", !0),
           Mo
         ], 8, $o))
       ]),
@@ -2585,7 +2585,7 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
     size: {
       type: [Number, String],
       required: !1,
-      default: Ie,
+      default: xe,
       // if setting to the imported const fails, just pass a number of 24 as the default.
       validator: (e) => {
         if (typeof e == "number" && e > 0)
@@ -2614,7 +2614,7 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
         if (s && !isNaN(s) && Number.isInteger(s) && s > 0)
           return `${s}px`;
       }
-      return Ie;
+      return xe;
     }), l = T(() => ({
       boxSizing: "border-box",
       color: a.color,
@@ -2623,14 +2623,14 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
       lineHeight: "0",
       width: t.value
     }));
-    return (r, s) => (k(), P(xe(e.as), {
+    return (r, s) => (k(), P(_e(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon book-icon",
       "data-testid": "kui-icon-wrapper-book-icon",
       style: Be(l.value)
     }, {
       default: f(() => [
-        (k(), K("svg", {
+        (k(), j("svg", {
           "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-book-icon",
           fill: "none",
@@ -2640,7 +2640,7 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (k(), K("title", Po, w(e.title), 1)) : D("", !0),
+          e.title ? (k(), j("title", Po, w(e.title), 1)) : D("", !0),
           Vo
         ], 8, Bo))
       ]),
@@ -2684,7 +2684,7 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
     size: {
       type: [Number, String],
       required: !1,
-      default: Ie,
+      default: xe,
       // if setting to the imported const fails, just pass a number of 24 as the default.
       validator: (e) => {
         if (typeof e == "number" && e > 0)
@@ -2713,7 +2713,7 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
         if (s && !isNaN(s) && Number.isInteger(s) && s > 0)
           return `${s}px`;
       }
-      return Ie;
+      return xe;
     }), l = T(() => ({
       boxSizing: "border-box",
       color: a.color,
@@ -2722,14 +2722,14 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
       lineHeight: "0",
       width: t.value
     }));
-    return (r, s) => (k(), P(xe(e.as), {
+    return (r, s) => (k(), P(_e(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon chevron-down-icon",
       "data-testid": "kui-icon-wrapper-chevron-down-icon",
       style: Be(l.value)
     }, {
       default: f(() => [
-        (k(), K("svg", {
+        (k(), j("svg", {
           "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-chevron-down-icon",
           fill: "none",
@@ -2739,7 +2739,7 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (k(), K("title", Jo, w(e.title), 1)) : D("", !0),
+          e.title ? (k(), j("title", Jo, w(e.title), 1)) : D("", !0),
           Wo
         ], 8, zo))
       ]),
@@ -2783,7 +2783,7 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
     size: {
       type: [Number, String],
       required: !1,
-      default: Ie,
+      default: xe,
       // if setting to the imported const fails, just pass a number of 24 as the default.
       validator: (e) => {
         if (typeof e == "number" && e > 0)
@@ -2812,7 +2812,7 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
         if (s && !isNaN(s) && Number.isInteger(s) && s > 0)
           return `${s}px`;
       }
-      return Ie;
+      return xe;
     }), l = T(() => ({
       boxSizing: "border-box",
       color: a.color,
@@ -2821,14 +2821,14 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
       lineHeight: "0",
       width: t.value
     }));
-    return (r, s) => (k(), P(xe(e.as), {
+    return (r, s) => (k(), P(_e(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon close-icon",
       "data-testid": "kui-icon-wrapper-close-icon",
       style: Be(l.value)
     }, {
       default: f(() => [
-        (k(), K("svg", {
+        (k(), j("svg", {
           "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-close-icon",
           fill: "none",
@@ -2838,7 +2838,7 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (k(), K("title", Xo, w(e.title), 1)) : D("", !0),
+          e.title ? (k(), j("title", Xo, w(e.title), 1)) : D("", !0),
           eu
         ], 8, Go))
       ]),
@@ -2882,7 +2882,7 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
     size: {
       type: [Number, String],
       required: !1,
-      default: Ie,
+      default: xe,
       // if setting to the imported const fails, just pass a number of 24 as the default.
       validator: (e) => {
         if (typeof e == "number" && e > 0)
@@ -2911,7 +2911,7 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
         if (s && !isNaN(s) && Number.isInteger(s) && s > 0)
           return `${s}px`;
       }
-      return Ie;
+      return xe;
     }), l = T(() => ({
       boxSizing: "border-box",
       color: a.color,
@@ -2920,14 +2920,14 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
       lineHeight: "0",
       width: t.value
     }));
-    return (r, s) => (k(), P(xe(e.as), {
+    return (r, s) => (k(), P(_e(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon more-icon",
       "data-testid": "kui-icon-wrapper-more-icon",
       style: Be(l.value)
     }, {
       default: f(() => [
-        (k(), K("svg", {
+        (k(), j("svg", {
           "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-more-icon",
           fill: "none",
@@ -2937,7 +2937,7 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (k(), K("title", iu, w(e.title), 1)) : D("", !0),
+          e.title ? (k(), j("title", iu, w(e.title), 1)) : D("", !0),
           su
         ], 8, ru))
       ]),
@@ -3082,18 +3082,18 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
         return [];
       const q = [], A = Object.keys(v.value).length;
       for (const M in v.value) {
-        const E = (S = (m = r.configSchema) == null ? void 0 : m[M]) == null ? void 0 : S.order, W = (F = g[M]) == null ? void 0 : F.order;
+        const E = (S = (m = r.configSchema) == null ? void 0 : m[M]) == null ? void 0 : S.order, Q = (F = g[M]) == null ? void 0 : F.order;
         let Z = A;
-        (W || W === 0) && (Z = W === -1 ? A + 1 : W), E && (Z = E === -1 ? A + 1 : E), q.push([M, Z]);
+        (Q || Q === 0) && (Z = Q === -1 ? A + 1 : Q), E && (Z = E === -1 ? A + 1 : E), q.push([M, Z]);
       }
       return q.sort(function(M, E) {
         return M[1] - E[1];
       }), q.map((M) => {
-        var E, W;
-        const Z = M[0], Q = (E = v.value) == null ? void 0 : E[Z], z = ((W = r.configSchema) == null ? void 0 : W[Z]) || {}, ee = g[Z];
+        var E, Q;
+        const Z = M[0], W = (E = v.value) == null ? void 0 : E[Z], z = ((Q = r.configSchema) == null ? void 0 : Q[Z]) || {}, ee = g[Z];
         return {
           key: Z,
-          value: Q,
+          value: W,
           hidden: z.hidden || !1,
           type: z.type ?? ((ee == null ? void 0 : ee.type) || le.Text),
           label: z.label ?? ((ee == null ? void 0 : ee.label) || c(Z)),
@@ -3107,22 +3107,22 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
         return [];
       const F = v.value[r.pluginConfigKey] || {}, q = Object.keys(F).length, A = [];
       for (const M in F) {
-        const E = (S = (m = r.pluginConfigSchema) == null ? void 0 : m[M]) == null ? void 0 : S.order, W = F[M];
-        let Z = W != null && W !== "" ? q - 1 : q;
+        const E = (S = (m = r.pluginConfigSchema) == null ? void 0 : m[M]) == null ? void 0 : S.order, Q = F[M];
+        let Z = Q != null && Q !== "" ? q - 1 : q;
         E && (Z = E === -1 ? q + 1 : E), A.push([M, Z]);
       }
       return A.sort(function(M, E) {
         return M[1] - E[1];
       }), A.map((M) => {
         var E;
-        const W = M[0], Z = F[W], Q = ((E = r.pluginConfigSchema) == null ? void 0 : E[W]) || {};
+        const Q = M[0], Z = F[Q], W = ((E = r.pluginConfigSchema) == null ? void 0 : E[Q]) || {};
         return {
-          key: W,
+          key: Q,
           value: Z,
-          hidden: Q.hidden || !1,
-          type: Q.type ?? le.Text,
-          label: Q.label ?? c(W),
-          tooltip: Q.tooltip ?? void 0,
+          hidden: W.hidden || !1,
+          type: W.type ?? le.Text,
+          label: W.label ?? c(Q),
+          tooltip: W.tooltip ?? void 0,
           section: ne.Plugin
         };
       }).filter((M) => !M.hidden);
@@ -3164,8 +3164,8 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
         n.value = !1;
       }
     }), (m, S) => {
-      const F = j("KLabel"), q = j("KSelect"), A = j("KButton"), M = j("KSkeleton"), E = j("KEmptyState"), W = j("KCard");
-      return k(), P(W, {
+      const F = K("KLabel"), q = K("KSelect"), A = K("KButton"), M = K("KSkeleton"), E = K("KEmptyState"), Q = K("KCard");
+      return k(), P(Q, {
         class: "kong-ui-entity-base-config-card",
         "title-tag": e.titleTag
       }, Ee({
@@ -3232,9 +3232,9 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
             }, Ee({ _: 2 }, [
               Ce(Object.keys(m.$slots), (Z) => ({
                 name: Z,
-                fn: f(({ row: Q, rowValue: z }) => [
+                fn: f(({ row: W, rowValue: z }) => [
                   re(m.$slots, Z, {
-                    row: Q,
+                    row: W,
                     rowValue: z
                   }, void 0, !0)
                 ])
@@ -3258,7 +3258,7 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
       ]), 1032, ["title-tag"]);
     };
   }
-}), fu = /* @__PURE__ */ _e(pu, [["__scopeId", "data-v-f40a683b"]]), mu = ["novalidate"], gu = {
+}), fu = /* @__PURE__ */ we(pu, [["__scopeId", "data-v-f40a683b"]]), mu = ["novalidate"], gu = {
   class: "form-actions",
   "data-testid": "form-actions"
 }, vu = /* @__PURE__ */ X({
@@ -3318,6 +3318,13 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
     noValidate: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * Wrapper component to use at component's root level.
+     */
+    wrapperComponent: {
+      type: String,
+      default: "KCard"
     }
   },
   emits: ["loading", "fetch:success", "fetch:error", "submit", "cancel"],
@@ -3360,8 +3367,8 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
           d.value = !1;
         }
     }), (x, N) => {
-      const m = j("KSkeleton"), S = j("KEmptyState"), F = j("KAlert"), q = j("KButton"), A = j("KTabs"), M = j("KSlideout"), E = j("KCard");
-      return k(), P(E, { class: "kong-ui-entity-base-form" }, {
+      const m = K("KSkeleton"), S = K("KEmptyState"), F = K("KAlert"), q = K("KButton"), A = K("KTabs"), M = K("KSlideout");
+      return k(), P(_e(e.wrapperComponent), { class: "kong-ui-entity-base-form" }, {
         default: f(() => [
           d.value ? (k(), P(m, {
             key: 0,
@@ -3377,7 +3384,7 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
               I("h3", null, w(p.value), 1)
             ]),
             _: 1
-          }, 8, ["action-button-text"])) : (k(), K("form", {
+          }, 8, ["action-button-text"])) : (k(), j("form", {
             key: 2,
             "data-testid": "form-content",
             novalidate: r.noValidate,
@@ -3396,7 +3403,7 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
                 y(q, {
                   appearance: "tertiary",
                   "data-testid": "form-view-configuration",
-                  onClick: N[0] || (N[0] = (W) => H())
+                  onClick: N[0] || (N[0] = (E) => H())
                 }, {
                   default: f(() => [
                     J(w(u(i)("baseForm.actions.viewConfiguration")), 1)
@@ -3435,7 +3442,7 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
             "offset-top": 60,
             title: u(i)("baseForm.configuration.title"),
             visible: n.value,
-            onClose: N[1] || (N[1] = (W) => H())
+            onClose: N[1] || (N[1] = (E) => H())
           }, {
             default: f(() => [
               I("div", null, w(u(i)("baseForm.configuration.message")), 1),
@@ -3466,7 +3473,7 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
       });
     };
   }
-}), Vr = /* @__PURE__ */ _e(vu, [["__scopeId", "data-v-3def74fe"]]), yu = ["data-truncate"], bu = /* @__PURE__ */ X({
+}), Vr = /* @__PURE__ */ we(vu, [["__scopeId", "data-v-fd05df8e"]]), yu = ["data-truncate"], bu = /* @__PURE__ */ X({
   __name: "EntityBaseTableCell",
   props: {
     keyName: {
@@ -3525,13 +3532,13 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
     }), ti(() => {
       O();
     }), (v, U) => {
-      const $ = j("KTooltip");
-      return k(), K("span", {
+      const $ = K("KTooltip");
+      return k(), j("span", {
         ref_key: "contentRef",
         ref: d,
         class: "content-wrapper"
       }, [
-        s.value ? (k(), K("span", {
+        s.value ? (k(), j("span", {
           key: 0,
           "data-truncate": s.value || void 0
         }, [
@@ -3549,7 +3556,7 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
       ], 512);
     };
   }
-}), ku = /* @__PURE__ */ _e(bu, [["__scopeId", "data-v-471ce76e"]]), Cu = { class: "toolbar-container" }, _u = {
+}), ku = /* @__PURE__ */ we(bu, [["__scopeId", "data-v-471ce76e"]]), Cu = { class: "toolbar-container" }, _u = {
   key: 0,
   class: "toolbar-button-container"
 }, wu = ["data-testid"], Su = /* @__PURE__ */ X({
@@ -3730,7 +3737,7 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
       R.value = m, i.value && U(i.value, m);
     };
     return (m, S) => {
-      const F = j("KButton"), q = j("KDropdown"), A = j("KTable"), M = j("KCard");
+      const F = K("KButton"), q = K("KDropdown"), A = K("KTable"), M = K("KCard");
       return k(), P(M, {
         class: "kong-ui-entity-base-table",
         title: e.title,
@@ -3773,14 +3780,14 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
             toolbar: f(({ state: E }) => [
               Ae(I("div", Cu, [
                 re(m.$slots, "toolbar-filter", {}, void 0, !0),
-                m.$slots["toolbar-button"] ? (k(), K("div", _u, [
+                m.$slots["toolbar-button"] ? (k(), j("div", _u, [
                   re(m.$slots, "toolbar-button", {}, void 0, !0)
                 ])) : D("", !0)
               ], 512), [
                 [He, c(E)]
               ])
             ]),
-            actions: f(({ row: E, rowKey: W, rowValue: Z }) => [
+            actions: f(({ row: E, rowKey: Q, rowValue: Z }) => [
               I("div", {
                 class: "actions-container",
                 "data-testid": E.name
@@ -3792,7 +3799,7 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
                   items: f(() => [
                     re(m.$slots, "actions", {
                       row: E,
-                      rowKey: W,
+                      rowKey: Q,
                       rowValue: Z
                     }, void 0, !0)
                   ]),
@@ -3816,18 +3823,18 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
             ]),
             _: 2
           }, [
-            Ce(e.tableHeaders, (E, W) => ({
-              name: W,
-              fn: f(({ row: Z, rowKey: Q, rowValue: z }) => [
+            Ce(e.tableHeaders, (E, Q) => ({
+              name: Q,
+              fn: f(({ row: Z, rowKey: W, rowValue: z }) => [
                 y(ku, {
-                  "key-name": String(W),
+                  "key-name": String(Q),
                   "row-el": p(Z),
                   tooltip: E.tooltip
                 }, {
                   default: f(() => [
-                    re(m.$slots, W, {
+                    re(m.$slots, Q, {
                       row: Z,
-                      rowKey: Q,
+                      rowKey: W,
                       rowValue: z
                     }, () => [
                       J(w(z), 1)
@@ -3850,7 +3857,7 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
       }, 8, ["title", "title-tag"]);
     };
   }
-}), Lr = /* @__PURE__ */ _e(Su, [["__scopeId", "data-v-67bd29c7"]]), Iu = {
+}), Lr = /* @__PURE__ */ we(Su, [["__scopeId", "data-v-67bd29c7"]]), Iu = {
   key: 0,
   class: "kong-ui-entity-delete-error"
 }, xu = {
@@ -3901,7 +3908,7 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
       r("proceed");
     };
     return (o, d) => {
-      const h = j("KAlert"), p = j("KPrompt");
+      const h = K("KAlert"), p = K("KPrompt");
       return k(), P(p, {
         "action-button-appearance": "danger",
         "action-button-disabled": e.actionPending,
@@ -3914,7 +3921,7 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
         onProceed: c
       }, {
         default: f(() => [
-          e.error ? (k(), K("div", Iu, [
+          e.error ? (k(), j("div", Iu, [
             y(h, { appearance: "danger" }, {
               default: f(() => [
                 J(w(e.error), 1)
@@ -3940,7 +3947,7 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
               key: "0"
             } : void 0
           ]), 1032, ["keypath"]),
-          l.description || o.$slots.description ? (k(), K("div", xu, [
+          l.description || o.$slots.description ? (k(), j("div", xu, [
             re(o.$slots, "description", {}, () => [
               I("p", null, w(l.description), 1)
             ], !0)
@@ -3950,7 +3957,7 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
       }, 8, ["action-button-disabled", "confirmation-text", "title", "visible"]);
     };
   }
-}), Rr = /* @__PURE__ */ _e(Au, [["__scopeId", "data-v-4361d622"]]), Hu = {
+}), Rr = /* @__PURE__ */ we(Au, [["__scopeId", "data-v-4361d622"]]), Hu = {
   fill: "none",
   height: "20",
   viewBox: "0 0 20 20",
@@ -3973,7 +3980,7 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
     }
   },
   setup(e) {
-    return (a, t) => (k(), K("svg", Hu, [
+    return (a, t) => (k(), j("svg", Hu, [
       I("mask", Tu, [
         I("rect", {
           fill: e.color,
@@ -4062,7 +4069,7 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
       x && (s.value = !1), r("update:modelValue", new URLSearchParams(N).toString());
     };
     return (x, N) => {
-      const m = j("KInput"), S = j("KButton"), F = j("KSelect");
+      const m = K("KInput"), S = K("KButton"), F = K("KSelect");
       return e.config.isExactMatch ? (k(), P(m, {
         key: 0,
         autocomplete: "off",
@@ -4084,7 +4091,7 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
           ])
         ]),
         _: 1
-      }, 8, ["model-value", "placeholder"])) : (k(), K("div", Fu, [
+      }, 8, ["model-value", "placeholder"])) : (k(), j("div", Fu, [
         y(S, {
           appearance: "tertiary",
           "data-testid": "filter-button",
@@ -4103,9 +4110,9 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
           [He, s.value]
         ]),
         Ae(I("div", $u, [
-          (k(!0), K(fe, null, Ce(d.value, (q) => {
+          (k(!0), j(fe, null, Ce(d.value, (q) => {
             var A, M;
-            return k(), K("div", {
+            return k(), j("div", {
               key: q.value,
               class: "kong-ui-entity-filter-menu-item",
               "data-testid": q.value
@@ -4196,7 +4203,7 @@ const Ao = { class: "yaml-config" }, Pr = /* @__PURE__ */ X({
       ]));
     };
   }
-}), Lu = /* @__PURE__ */ _e(Vu, [["__scopeId", "data-v-94990087"]]), Te = /* @__PURE__ */ X({
+}), Lu = /* @__PURE__ */ we(Vu, [["__scopeId", "data-v-94990087"]]), Te = /* @__PURE__ */ X({
   __name: "PermissionsWrapper",
   props: {
     /**
@@ -4292,17 +4299,17 @@ const Qu = ["aria-labelledby"], Zu = { class: "form-section-wrapper" }, Yu = {
   },
   setup(e) {
     const a = Vt(), t = Wu();
-    return (l, r) => (k(), K("div", {
+    return (l, r) => (k(), j("div", {
       "aria-labelledby": e.title ? u(t) : void 0,
       class: qe(["kong-ui-entity-form-section", { "has-divider": e.hasDivider }]),
       role: "group"
     }, [
       I("div", Zu, [
-        e.hideInfoHeader ? D("", !0) : (k(), K("div", {
+        e.hideInfoHeader ? D("", !0) : (k(), j("div", {
           key: 0,
           class: qe(["form-section-info", { sticky: e.stickyInfoHeader }])
         }, [
-          e.title ? (k(), P(xe(e.titleTag), {
+          e.title ? (k(), P(_e(e.titleTag), {
             key: 0,
             id: u(t),
             class: "form-section-title"
@@ -4312,12 +4319,12 @@ const Qu = ["aria-labelledby"], Zu = { class: "form-section-wrapper" }, Yu = {
             ]),
             _: 1
           }, 8, ["id"])) : D("", !0),
-          e.description || u(a).description ? (k(), K("div", Yu, [
+          e.description || u(a).description ? (k(), j("div", Yu, [
             re(l.$slots, "description", {}, () => [
               I("p", null, w(e.description), 1)
             ], !0)
           ])) : D("", !0),
-          u(a).footer ? (k(), K("div", Gu, [
+          u(a).footer ? (k(), j("div", Gu, [
             re(l.$slots, "footer", {}, void 0, !0)
           ])) : D("", !0)
         ], 2)),
@@ -4327,7 +4334,7 @@ const Qu = ["aria-labelledby"], Zu = { class: "form-section-wrapper" }, Yu = {
       ])
     ], 10, Qu));
   }
-}), ot = /* @__PURE__ */ _e(ec, [["__scopeId", "data-v-b1f74200"]]), { useAxios: wt, useDeleteUrlBuilder: Dr, useErrors: zr, useExternalLinkCreator: bd, useFetchUrlBuilder: kd, useFetcher: Jr, useDebouncedFilter: Bl, useStringHelpers: Cd, useHelpers: tc, useGatewayFeatureSupported: _d, useTruncationDetector: wd, useValidators: Sd } = de, bt = "24px", Wr = (e, a) => {
+}), ot = /* @__PURE__ */ we(ec, [["__scopeId", "data-v-b1f74200"]]), { useAxios: wt, useDeleteUrlBuilder: Dr, useErrors: zr, useExternalLinkCreator: bd, useFetchUrlBuilder: kd, useFetcher: Jr, useDebouncedFilter: Bl, useStringHelpers: Cd, useHelpers: tc, useGatewayFeatureSupported: _d, useTruncationDetector: wd, useValidators: Sd } = de, bt = "24px", Wr = (e, a) => {
   const t = e.__vccOpts || e;
   for (const [l, r] of a)
     t[l] = r;
@@ -4407,14 +4414,14 @@ const Qu = ["aria-labelledby"], Zu = { class: "form-section-wrapper" }, Yu = {
       lineHeight: "0",
       width: t.value
     }));
-    return (r, s) => (k(), P(xe(e.as), {
+    return (r, s) => (k(), P(_e(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon add-icon",
       "data-testid": "kui-icon-wrapper-add-icon",
       style: Be(l.value)
     }, {
       default: f(() => [
-        (k(), K("svg", {
+        (k(), j("svg", {
           "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-add-icon",
           fill: "none",
@@ -4424,7 +4431,7 @@ const Qu = ["aria-labelledby"], Zu = { class: "form-section-wrapper" }, Yu = {
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (k(), K("title", rc, w(e.title), 1)) : D("", !0),
+          e.title ? (k(), j("title", rc, w(e.title), 1)) : D("", !0),
           ic
         ], 8, lc))
       ]),
@@ -4506,14 +4513,14 @@ const Qu = ["aria-labelledby"], Zu = { class: "form-section-wrapper" }, Yu = {
       lineHeight: "0",
       width: t.value
     }));
-    return (r, s) => (k(), P(xe(e.as), {
+    return (r, s) => (k(), P(_e(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon trash-icon",
       "data-testid": "kui-icon-wrapper-trash-icon",
       style: Be(l.value)
     }, {
       default: f(() => [
-        (k(), K("svg", {
+        (k(), j("svg", {
           "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-trash-icon",
           fill: "none",
@@ -4523,7 +4530,7 @@ const Qu = ["aria-labelledby"], Zu = { class: "form-section-wrapper" }, Yu = {
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (k(), K("title", uc, w(e.title), 1)) : D("", !0),
+          e.title ? (k(), j("title", uc, w(e.title), 1)) : D("", !0),
           cc
         ], 8, oc))
       ]),
@@ -5339,9 +5346,9 @@ function St() {
     stringToNumberArray: t,
     numberToStringArray: l,
     upstreamsResponseToFields: (o) => {
-      var h, p, g, n, O, H, v, U, $, R, x, N, m, S, F, q, A, M, E, W, Z, Q, z, ee, ue, V, Y, te, C, b, _, ie, G, se, he, ae, ge, je, Le, Xt, ea, ta, aa, la, ra, ia, sa, na, oa, ua, ca, da, ha, pa, fa, ma, ga, va, ya, ba, ka, Ca, _a, wa, Sa, Ia, xa, Aa, Ha, Ta, qa, Oa, Ua, Fa, $a, Na, Ma, ja, Ka, Ea, Ba, Pa, Va, La, Ra, Da, za, Ja, Wa, Qa, Za, Ya, Ga, Xa, el, tl, al, ll, rl, il, sl, nl, ol, ul, cl, dl, hl, pl, fl;
+      var h, p, g, n, O, H, v, U, $, R, x, N, m, S, F, q, A, M, E, Q, Z, W, z, ee, ue, V, Y, te, C, b, _, ie, G, se, he, ae, ge, je, Le, Xt, ea, ta, aa, la, ra, ia, sa, na, oa, ua, ca, da, ha, pa, fa, ma, ga, va, ya, ba, ka, Ca, _a, wa, Sa, Ia, xa, Aa, Ha, Ta, qa, Oa, Ua, Fa, $a, Na, Ma, ja, Ka, Ea, Ba, Pa, Va, La, Ra, Da, za, Ja, Wa, Qa, Za, Ya, Ga, Xa, el, tl, al, ll, rl, il, sl, nl, ol, ul, cl, dl, hl, pl, fl;
       const d = r();
-      return d.name = o.name || "", d.algorithm = o.algorithm || "round-robin", d.hostHeader = o.host_header || "", d.clientCertificate = o.client_certificate ? (h = o.client_certificate) == null ? void 0 : h.id : "", d.tags = ((p = o.tags) == null ? void 0 : p.join(", ")) || "", d.slots = o.slots !== null && o.slots !== void 0 ? o.slots.toString() : "10000", d.hashOn = o.hash_on || "none", d.hashFallback = o.hash_fallback || "none", d.hashOnHeader = o.hash_on_header || "", d.hashOnCookie = o.hash_on_cookie || "", d.hashOnCookiePath = o.hash_on_cookie_path || "/", d.hashOnQueryArgument = o.hash_on_query_arg || "", d.hashOnUriCapture = o.hash_on_uri_capture || "", d.hashFallbackHeader = o.hash_fallback_header || "", d.hashFallbackQueryArgument = o.hash_fallback_query_arg || "", d.hashFallbackUriCapture = o.hash_fallback_uri_capture || "", d.healthchecksThreshold = o.healthchecks.threshold !== null && o.healthchecks.threshold !== void 0 ? o.healthchecks.threshold.toString() : "", d.activeHealthSwitch = ((n = (g = o.healthchecks.active) == null ? void 0 : g.healthy) == null ? void 0 : n.interval) !== 0 || ((H = (O = o.healthchecks.active) == null ? void 0 : O.unhealthy) == null ? void 0 : H.interval) !== 0, d.activeHealthCheck.type = ((v = o.healthchecks.active) == null ? void 0 : v.type) || "http", d.activeHealthCheck.httpPath = ((U = o.healthchecks.active) == null ? void 0 : U.http_path) || "/", d.activeHealthCheck.timeout = (($ = o.healthchecks.active) == null ? void 0 : $.timeout) !== null && ((R = o.healthchecks.active) == null ? void 0 : R.timeout) !== void 0 ? (N = (x = o.healthchecks.active) == null ? void 0 : x.timeout) == null ? void 0 : N.toString() : "", d.activeHealthCheck.concurrency = ((m = o.healthchecks.active) == null ? void 0 : m.concurrency) !== null && ((S = o.healthchecks.active) == null ? void 0 : S.concurrency) !== void 0 ? (q = (F = o.healthchecks.active) == null ? void 0 : F.concurrency) == null ? void 0 : q.toString() : "", d.activeHealthCheck.httpsSni = ((A = o.healthchecks.active) == null ? void 0 : A.https_sni) || "", d.activeHealthCheck.verifySsl = ((M = o.healthchecks.active) == null ? void 0 : M.https_verify_certificate) || !1, d.activeHealthCheck.headers = (E = o.healthchecks.active) != null && E.headers && Object.entries((W = o.healthchecks.active) == null ? void 0 : W.headers).length > 0 ? Object.entries((Z = o.healthchecks.active) == null ? void 0 : Z.headers).map(([Yr, xt]) => ({ key: Yr, values: xt == null ? void 0 : xt.join(", ") })) : [{ key: "", values: "" }], d.activeHealthCheck.interval = ((z = (Q = o.healthchecks.active) == null ? void 0 : Q.healthy) == null ? void 0 : z.interval) !== null && ((ue = (ee = o.healthchecks.active) == null ? void 0 : ee.healthy) == null ? void 0 : ue.interval) !== void 0 ? (te = (Y = (V = o.healthchecks.active) == null ? void 0 : V.healthy) == null ? void 0 : Y.interval) == null ? void 0 : te.toString() : "0", d.activeHealthCheck.interval = ((b = (C = o.healthchecks.active) == null ? void 0 : C.healthy) == null ? void 0 : b.interval) !== null && ((ie = (_ = o.healthchecks.active) == null ? void 0 : _.healthy) == null ? void 0 : ie.interval) !== void 0 ? (he = (se = (G = o.healthchecks.active) == null ? void 0 : G.healthy) == null ? void 0 : se.interval) == null ? void 0 : he.toString() : "0", d.activeHealthCheck.successes = ((ge = (ae = o.healthchecks.active) == null ? void 0 : ae.healthy) == null ? void 0 : ge.successes) !== null && ((Le = (je = o.healthchecks.active) == null ? void 0 : je.healthy) == null ? void 0 : Le.successes) !== void 0 ? (ta = (ea = (Xt = o.healthchecks.active) == null ? void 0 : Xt.healthy) == null ? void 0 : ea.successes) == null ? void 0 : ta.toString() : "0", d.activeHealthCheck.httpStatuses = (la = (aa = o.healthchecks.active) == null ? void 0 : aa.healthy) != null && la.http_statuses ? l(((ia = (ra = o.healthchecks.active) == null ? void 0 : ra.healthy) == null ? void 0 : ia.http_statuses) || []) : Kt, d.activeHealthCheck.unhealthyInterval = ((na = (sa = o.healthchecks.active) == null ? void 0 : sa.unhealthy) == null ? void 0 : na.interval) !== null && ((ua = (oa = o.healthchecks.active) == null ? void 0 : oa.unhealthy) == null ? void 0 : ua.interval) !== void 0 ? (ha = (da = (ca = o.healthchecks.active) == null ? void 0 : ca.unhealthy) == null ? void 0 : da.interval) == null ? void 0 : ha.toString() : "0", d.activeHealthCheck.httpFailures = ((fa = (pa = o.healthchecks.active) == null ? void 0 : pa.unhealthy) == null ? void 0 : fa.http_failures) !== null && ((ga = (ma = o.healthchecks.active) == null ? void 0 : ma.unhealthy) == null ? void 0 : ga.http_failures) !== void 0 ? (ba = (ya = (va = o.healthchecks.active) == null ? void 0 : va.unhealthy) == null ? void 0 : ya.http_failures) == null ? void 0 : ba.toString() : "0", d.activeHealthCheck.unhealthyTimeouts = ((Ca = (ka = o.healthchecks.active) == null ? void 0 : ka.unhealthy) == null ? void 0 : Ca.timeouts) !== null && ((wa = (_a = o.healthchecks.active) == null ? void 0 : _a.unhealthy) == null ? void 0 : wa.timeouts) !== void 0 ? (xa = (Ia = (Sa = o.healthchecks.active) == null ? void 0 : Sa.unhealthy) == null ? void 0 : Ia.timeouts) == null ? void 0 : xa.toString() : "0", d.activeHealthCheck.unhealthyHttpStatuses = (Ha = (Aa = o.healthchecks.active) == null ? void 0 : Aa.unhealthy) != null && Ha.http_statuses ? l(((qa = (Ta = o.healthchecks.active) == null ? void 0 : Ta.unhealthy) == null ? void 0 : qa.http_statuses) || []) : Bt, d.passiveHealthSwitch = ((Ua = (Oa = o.healthchecks.passive) == null ? void 0 : Oa.healthy) == null ? void 0 : Ua.successes) !== 0 || (($a = (Fa = o.healthchecks.passive) == null ? void 0 : Fa.unhealthy) == null ? void 0 : $a.timeouts) !== 0 || ((Ma = (Na = o.healthchecks.passive) == null ? void 0 : Na.unhealthy) == null ? void 0 : Ma.tcp_failures) !== 0 || ((Ka = (ja = o.healthchecks.passive) == null ? void 0 : ja.unhealthy) == null ? void 0 : Ka.http_failures) !== 0, d.passiveHealthCheck.type = ((Ea = o.healthchecks.passive) == null ? void 0 : Ea.type) || "http", d.passiveHealthCheck.successes = ((Pa = (Ba = o.healthchecks.passive) == null ? void 0 : Ba.healthy) == null ? void 0 : Pa.successes) !== null && ((La = (Va = o.healthchecks.passive) == null ? void 0 : Va.healthy) == null ? void 0 : La.successes) !== void 0 ? (za = (Da = (Ra = o.healthchecks.passive) == null ? void 0 : Ra.healthy) == null ? void 0 : Da.successes) == null ? void 0 : za.toString() : "0", d.passiveHealthCheck.httpStatuses = (Wa = (Ja = o.healthchecks.passive) == null ? void 0 : Ja.healthy) != null && Wa.http_statuses ? l(((Za = (Qa = o.healthchecks.passive) == null ? void 0 : Qa.healthy) == null ? void 0 : Za.http_statuses) || []) : Et, d.passiveHealthCheck.timeouts = ((Ga = (Ya = o.healthchecks.passive) == null ? void 0 : Ya.unhealthy) == null ? void 0 : Ga.timeouts) !== null && ((el = (Xa = o.healthchecks.passive) == null ? void 0 : Xa.unhealthy) == null ? void 0 : el.timeouts) !== void 0 ? (ll = (al = (tl = o.healthchecks.passive) == null ? void 0 : tl.unhealthy) == null ? void 0 : al.timeouts) == null ? void 0 : ll.toString() : "0", d.passiveHealthCheck.tcpFailures = ((il = (rl = o.healthchecks.passive) == null ? void 0 : rl.unhealthy) == null ? void 0 : il.tcp_failures) !== null && ((nl = (sl = o.healthchecks.passive) == null ? void 0 : sl.unhealthy) == null ? void 0 : nl.tcp_failures) !== void 0 ? (cl = (ul = (ol = o.healthchecks.passive) == null ? void 0 : ol.unhealthy) == null ? void 0 : ul.tcp_failures) == null ? void 0 : cl.toString() : "", d.passiveHealthCheck.unhealthyHttpStatuses = (hl = (dl = o.healthchecks.passive) == null ? void 0 : dl.unhealthy) != null && hl.http_statuses ? l(((fl = (pl = o.healthchecks.passive) == null ? void 0 : pl.unhealthy) == null ? void 0 : fl.http_statuses) || []) : Pt, d;
+      return d.name = o.name || "", d.algorithm = o.algorithm || "round-robin", d.hostHeader = o.host_header || "", d.clientCertificate = o.client_certificate ? (h = o.client_certificate) == null ? void 0 : h.id : "", d.tags = ((p = o.tags) == null ? void 0 : p.join(", ")) || "", d.slots = o.slots !== null && o.slots !== void 0 ? o.slots.toString() : "10000", d.hashOn = o.hash_on || "none", d.hashFallback = o.hash_fallback || "none", d.hashOnHeader = o.hash_on_header || "", d.hashOnCookie = o.hash_on_cookie || "", d.hashOnCookiePath = o.hash_on_cookie_path || "/", d.hashOnQueryArgument = o.hash_on_query_arg || "", d.hashOnUriCapture = o.hash_on_uri_capture || "", d.hashFallbackHeader = o.hash_fallback_header || "", d.hashFallbackQueryArgument = o.hash_fallback_query_arg || "", d.hashFallbackUriCapture = o.hash_fallback_uri_capture || "", d.healthchecksThreshold = o.healthchecks.threshold !== null && o.healthchecks.threshold !== void 0 ? o.healthchecks.threshold.toString() : "", d.activeHealthSwitch = ((n = (g = o.healthchecks.active) == null ? void 0 : g.healthy) == null ? void 0 : n.interval) !== 0 || ((H = (O = o.healthchecks.active) == null ? void 0 : O.unhealthy) == null ? void 0 : H.interval) !== 0, d.activeHealthCheck.type = ((v = o.healthchecks.active) == null ? void 0 : v.type) || "http", d.activeHealthCheck.httpPath = ((U = o.healthchecks.active) == null ? void 0 : U.http_path) || "/", d.activeHealthCheck.timeout = (($ = o.healthchecks.active) == null ? void 0 : $.timeout) !== null && ((R = o.healthchecks.active) == null ? void 0 : R.timeout) !== void 0 ? (N = (x = o.healthchecks.active) == null ? void 0 : x.timeout) == null ? void 0 : N.toString() : "", d.activeHealthCheck.concurrency = ((m = o.healthchecks.active) == null ? void 0 : m.concurrency) !== null && ((S = o.healthchecks.active) == null ? void 0 : S.concurrency) !== void 0 ? (q = (F = o.healthchecks.active) == null ? void 0 : F.concurrency) == null ? void 0 : q.toString() : "", d.activeHealthCheck.httpsSni = ((A = o.healthchecks.active) == null ? void 0 : A.https_sni) || "", d.activeHealthCheck.verifySsl = ((M = o.healthchecks.active) == null ? void 0 : M.https_verify_certificate) || !1, d.activeHealthCheck.headers = (E = o.healthchecks.active) != null && E.headers && Object.entries((Q = o.healthchecks.active) == null ? void 0 : Q.headers).length > 0 ? Object.entries((Z = o.healthchecks.active) == null ? void 0 : Z.headers).map(([Yr, xt]) => ({ key: Yr, values: xt == null ? void 0 : xt.join(", ") })) : [{ key: "", values: "" }], d.activeHealthCheck.interval = ((z = (W = o.healthchecks.active) == null ? void 0 : W.healthy) == null ? void 0 : z.interval) !== null && ((ue = (ee = o.healthchecks.active) == null ? void 0 : ee.healthy) == null ? void 0 : ue.interval) !== void 0 ? (te = (Y = (V = o.healthchecks.active) == null ? void 0 : V.healthy) == null ? void 0 : Y.interval) == null ? void 0 : te.toString() : "0", d.activeHealthCheck.interval = ((b = (C = o.healthchecks.active) == null ? void 0 : C.healthy) == null ? void 0 : b.interval) !== null && ((ie = (_ = o.healthchecks.active) == null ? void 0 : _.healthy) == null ? void 0 : ie.interval) !== void 0 ? (he = (se = (G = o.healthchecks.active) == null ? void 0 : G.healthy) == null ? void 0 : se.interval) == null ? void 0 : he.toString() : "0", d.activeHealthCheck.successes = ((ge = (ae = o.healthchecks.active) == null ? void 0 : ae.healthy) == null ? void 0 : ge.successes) !== null && ((Le = (je = o.healthchecks.active) == null ? void 0 : je.healthy) == null ? void 0 : Le.successes) !== void 0 ? (ta = (ea = (Xt = o.healthchecks.active) == null ? void 0 : Xt.healthy) == null ? void 0 : ea.successes) == null ? void 0 : ta.toString() : "0", d.activeHealthCheck.httpStatuses = (la = (aa = o.healthchecks.active) == null ? void 0 : aa.healthy) != null && la.http_statuses ? l(((ia = (ra = o.healthchecks.active) == null ? void 0 : ra.healthy) == null ? void 0 : ia.http_statuses) || []) : Kt, d.activeHealthCheck.unhealthyInterval = ((na = (sa = o.healthchecks.active) == null ? void 0 : sa.unhealthy) == null ? void 0 : na.interval) !== null && ((ua = (oa = o.healthchecks.active) == null ? void 0 : oa.unhealthy) == null ? void 0 : ua.interval) !== void 0 ? (ha = (da = (ca = o.healthchecks.active) == null ? void 0 : ca.unhealthy) == null ? void 0 : da.interval) == null ? void 0 : ha.toString() : "0", d.activeHealthCheck.httpFailures = ((fa = (pa = o.healthchecks.active) == null ? void 0 : pa.unhealthy) == null ? void 0 : fa.http_failures) !== null && ((ga = (ma = o.healthchecks.active) == null ? void 0 : ma.unhealthy) == null ? void 0 : ga.http_failures) !== void 0 ? (ba = (ya = (va = o.healthchecks.active) == null ? void 0 : va.unhealthy) == null ? void 0 : ya.http_failures) == null ? void 0 : ba.toString() : "0", d.activeHealthCheck.unhealthyTimeouts = ((Ca = (ka = o.healthchecks.active) == null ? void 0 : ka.unhealthy) == null ? void 0 : Ca.timeouts) !== null && ((wa = (_a = o.healthchecks.active) == null ? void 0 : _a.unhealthy) == null ? void 0 : wa.timeouts) !== void 0 ? (xa = (Ia = (Sa = o.healthchecks.active) == null ? void 0 : Sa.unhealthy) == null ? void 0 : Ia.timeouts) == null ? void 0 : xa.toString() : "0", d.activeHealthCheck.unhealthyHttpStatuses = (Ha = (Aa = o.healthchecks.active) == null ? void 0 : Aa.unhealthy) != null && Ha.http_statuses ? l(((qa = (Ta = o.healthchecks.active) == null ? void 0 : Ta.unhealthy) == null ? void 0 : qa.http_statuses) || []) : Bt, d.passiveHealthSwitch = ((Ua = (Oa = o.healthchecks.passive) == null ? void 0 : Oa.healthy) == null ? void 0 : Ua.successes) !== 0 || (($a = (Fa = o.healthchecks.passive) == null ? void 0 : Fa.unhealthy) == null ? void 0 : $a.timeouts) !== 0 || ((Ma = (Na = o.healthchecks.passive) == null ? void 0 : Na.unhealthy) == null ? void 0 : Ma.tcp_failures) !== 0 || ((Ka = (ja = o.healthchecks.passive) == null ? void 0 : ja.unhealthy) == null ? void 0 : Ka.http_failures) !== 0, d.passiveHealthCheck.type = ((Ea = o.healthchecks.passive) == null ? void 0 : Ea.type) || "http", d.passiveHealthCheck.successes = ((Pa = (Ba = o.healthchecks.passive) == null ? void 0 : Ba.healthy) == null ? void 0 : Pa.successes) !== null && ((La = (Va = o.healthchecks.passive) == null ? void 0 : Va.healthy) == null ? void 0 : La.successes) !== void 0 ? (za = (Da = (Ra = o.healthchecks.passive) == null ? void 0 : Ra.healthy) == null ? void 0 : Da.successes) == null ? void 0 : za.toString() : "0", d.passiveHealthCheck.httpStatuses = (Wa = (Ja = o.healthchecks.passive) == null ? void 0 : Ja.healthy) != null && Wa.http_statuses ? l(((Za = (Qa = o.healthchecks.passive) == null ? void 0 : Qa.healthy) == null ? void 0 : Za.http_statuses) || []) : Et, d.passiveHealthCheck.timeouts = ((Ga = (Ya = o.healthchecks.passive) == null ? void 0 : Ya.unhealthy) == null ? void 0 : Ga.timeouts) !== null && ((el = (Xa = o.healthchecks.passive) == null ? void 0 : Xa.unhealthy) == null ? void 0 : el.timeouts) !== void 0 ? (ll = (al = (tl = o.healthchecks.passive) == null ? void 0 : tl.unhealthy) == null ? void 0 : al.timeouts) == null ? void 0 : ll.toString() : "0", d.passiveHealthCheck.tcpFailures = ((il = (rl = o.healthchecks.passive) == null ? void 0 : rl.unhealthy) == null ? void 0 : il.tcp_failures) !== null && ((nl = (sl = o.healthchecks.passive) == null ? void 0 : sl.unhealthy) == null ? void 0 : nl.tcp_failures) !== void 0 ? (cl = (ul = (ol = o.healthchecks.passive) == null ? void 0 : ol.unhealthy) == null ? void 0 : ul.tcp_failures) == null ? void 0 : cl.toString() : "", d.passiveHealthCheck.unhealthyHttpStatuses = (hl = (dl = o.healthchecks.passive) == null ? void 0 : dl.unhealthy) != null && hl.http_statuses ? l(((fl = (pl = o.healthchecks.passive) == null ? void 0 : pl.unhealthy) == null ? void 0 : fl.http_statuses) || []) : Pt, d;
     },
     getDefaultUpstreamFields: r,
     objectsAreEqual: (o, d) => {
@@ -5488,11 +5495,11 @@ const Ue = {
     }), S = (V) => ({
       label: r("upstreams.actions.edit"),
       to: l.config.getEditRoute(V)
-    }), F = B(void 0), q = B(!1), A = B(!1), M = B(""), E = Dr(l.config, p.value), W = (V) => {
+    }), F = B(void 0), q = B(!1), A = B(!1), M = B(""), E = Dr(l.config, p.value), Q = (V) => {
       F.value = V, q.value = !0;
     }, Z = () => {
       q.value = !1;
-    }, Q = async () => {
+    }, W = async () => {
       var V, Y, te;
       if ((V = F.value) != null && V.id) {
         A.value = !0;
@@ -5524,8 +5531,8 @@ const Ue = {
     return st(async () => {
       await l.canCreate() && (ee.value.title = r("upstreams.list.empty_state.title"), ee.value.ctaText = r("upstreams.actions.create"));
     }), (V, Y) => {
-      const te = j("KButton"), C = j("KBadge"), b = j("KTruncate"), _ = j("KDropdownItem"), ie = j("KClipboardProvider");
-      return k(), K("div", wc, [
+      const te = K("KButton"), C = K("KBadge"), b = K("KTruncate"), _ = K("KDropdownItem"), ie = K("KClipboardProvider");
+      return k(), j("div", wc, [
         y(u(Lr), {
           "cache-identifier": e.cacheIdentifier,
           "disable-pagination-page-jump": "",
@@ -5585,7 +5592,7 @@ const Ue = {
           tags: f(({ rowValue: G }) => [
             y(b, null, {
               default: f(() => [
-                (k(!0), K(fe, null, Ce(G, (se) => (k(), P(C, {
+                (k(!0), j(fe, null, Ce(G, (se) => (k(), P(C, {
                   key: se,
                   "max-width": "auto"
                 }, {
@@ -5658,7 +5665,7 @@ const Ue = {
                   danger: "",
                   "data-testid": "action-entity-delete",
                   "has-divider": "",
-                  onClick: (se) => W(G)
+                  onClick: (se) => Q(G)
                 }, {
                   default: f(() => [
                     J(w(u(r)("upstreams.actions.delete")), 1)
@@ -5680,7 +5687,7 @@ const Ue = {
           title: u(r)("upstreams.delete.title"),
           visible: q.value,
           onCancel: Z,
-          onProceed: Q
+          onProceed: W
         }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"])
       ]);
     };
@@ -5738,7 +5745,7 @@ const Ue = {
     const t = a, l = e, { i18n: { t: r } } = Ue.useI18n(), { getMessageFromError: s } = zr(), { axiosInstance: i } = wt((N = l.config) == null ? void 0 : N.axiosRequestConfig), c = T(() => {
       var m;
       return ht.form[l.config.app].edit.replace(/{upstreamId}/gi, ((m = l.config) == null ? void 0 : m.upstreamId) || "");
-    }), o = T(() => l.targetId ? we.Edit : we.Create), d = T(() => o.value === we.Edit ? r("targets.form.edit.title") : r("targets.form.create.title")), h = pt({
+    }), o = T(() => l.targetId ? Se.Edit : Se.Create), d = T(() => o.value === Se.Edit ? r("targets.form.edit.title") : r("targets.form.create.title")), h = pt({
       fields: {
         target: "",
         weight: 100,
@@ -5798,7 +5805,7 @@ const Ue = {
     return ke(() => l.targetId, () => {
       Object.assign(h.fields, g);
     }), (m, S) => {
-      const F = j("KInput"), q = j("KPrompt");
+      const F = K("KInput"), q = K("KPrompt");
       return k(), P(q, {
         "action-button-disabled": !O.value || h.isReadonly,
         "action-button-text": u(r)("targets.form.buttons.save"),
@@ -5824,7 +5831,7 @@ const Ue = {
             }, {
               default: f(() => [
                 I("div", Ac, [
-                  m.$slots.info ? (k(), K("div", Hc, [
+                  m.$slots.info ? (k(), j("div", Hc, [
                     re(m.$slots, "info", {}, void 0, !0)
                   ])) : D("", !0),
                   y(F, {
@@ -5979,10 +5986,10 @@ const Ue = {
           S.value = !1;
         }
       }
-    }, W = B(!0);
+    }, Q = B(!0);
     ke(g, (C) => {
       var b, _, ie, G;
-      if (Array.isArray((b = C == null ? void 0 : C.response) == null ? void 0 : b.data) && (W.value = C.response.data.length > 0), C.status === $e.Error) {
+      if (Array.isArray((b = C == null ? void 0 : C.response) == null ? void 0 : b.data) && (Q.value = C.response.data.length > 0), C.status === $e.Error) {
         O.value = {
           title: r("targets.errors.general")
         }, (G = (ie = (_ = C.error) == null ? void 0 : _.response) == null ? void 0 : ie.data) != null && G.message && (O.value.message = C.error.response.data.message), t("error", C.error);
@@ -6002,7 +6009,7 @@ const Ue = {
     st(async () => {
       await l.canCreate() && (Z.value.title = r("targets.list.empty_state.title"), Z.value.ctaText = r("targets.actions.create"));
     });
-    const Q = T(() => ({
+    const W = T(() => ({
       app: l.config.app,
       apiBaseUrl: l.config.apiBaseUrl,
       upstreamId: l.config.upstreamId,
@@ -6023,8 +6030,8 @@ const Ue = {
       ee.value = !1, z.value = "";
     };
     return (C, b) => {
-      const _ = j("KButton"), ie = j("KBadge"), G = j("KTruncate"), se = j("KDropdownItem"), he = j("KClipboardProvider");
-      return k(), K("div", Oc, [
+      const _ = K("KButton"), ie = K("KBadge"), G = K("KTruncate"), se = K("KDropdownItem"), he = K("KClipboardProvider");
+      return k(), j("div", Oc, [
         y(u(Lr), {
           "cache-identifier": e.cacheIdentifier,
           "disable-pagination-page-jump": "",
@@ -6062,7 +6069,7 @@ const Ue = {
                     ]),
                     _: 1
                   }, 8, ["to"]), [
-                    [He, W.value]
+                    [He, Q.value]
                   ])
                 ]),
                 _: 1
@@ -6075,7 +6082,7 @@ const Ue = {
           tags: f(({ rowValue: ae }) => [
             y(G, null, {
               default: f(() => [
-                (k(!0), K(fe, null, Ce(ae, (ge) => (k(), P(ie, {
+                (k(!0), j(fe, null, Ce(ae, (ge) => (k(), P(ie, {
                   key: ge,
                   "max-width": "auto"
                 }, {
@@ -6199,7 +6206,7 @@ const Ue = {
           onProceed: E
         }, null, 8, ["action-pending", "description", "entity-type", "error", "title", "visible"]),
         y(qc, {
-          config: Q.value,
+          config: W.value,
           "is-visible": ee.value,
           "target-id": z.value,
           onCancel: Y,
@@ -6247,7 +6254,7 @@ const Ue = {
   },
   emits: ["update:name", "update:host-header", "update:client-certificate", "update:tags"],
   setup(e, { emit: a }) {
-    var M, E, W, Z;
+    var M, E, Q, Z;
     const { i18nT: t, i18n: { t: l } } = Ue.useI18n(), r = e, s = a, {
       debouncedQueryChange: i,
       loading: c,
@@ -6262,39 +6269,39 @@ const Ue = {
       loading: g,
       loadItems: n,
       results: O
-    } = Bl(r.config, (Z = Xe.form[(W = r.config) == null ? void 0 : W.app]) == null ? void 0 : Z.getCertificates), H = B(""), v = T(() => {
-      var Q;
-      return !!r.name && !((Q = h.value) != null && Q.some((z) => z.host === r.name));
+    } = Bl(r.config, (Z = Xe.form[(Q = r.config) == null ? void 0 : Q.app]) == null ? void 0 : Z.getCertificates), H = B(""), v = T(() => {
+      var W;
+      return !!r.name && !((W = h.value) != null && W.some((z) => z.host === r.name));
     }), U = T(() => {
       var z, ee, ue;
-      const Q = v.value && r.name.includes((z = H.value) == null ? void 0 : z.toLowerCase());
+      const W = v.value && r.name.includes((z = H.value) == null ? void 0 : z.toLowerCase());
       return (ue = d.value) == null ? void 0 : ue.map((V) => ({ label: V.host, value: V.id })).concat(
-        Q ? [{ label: r.name, value: ((ee = x.value) == null ? void 0 : ee.value) || r.name }] : []
+        W ? [{ label: r.name, value: ((ee = x.value) == null ? void 0 : ee.value) || r.name }] : []
       );
     }), $ = T(() => {
-      var Q;
-      return (Q = O.value) == null ? void 0 : Q.map((z) => ({ label: z.id, value: z.id }));
+      var W;
+      return (W = O.value) == null ? void 0 : W.map((z) => ({ label: z.id, value: z.id }));
     }), R = B(""), x = B({ value: "", label: "" }), N = T(() => {
-      var Q, z;
-      return ((Q = U.value.find((ee) => ee.value === R.value)) == null ? void 0 : Q.label) || ((z = x.value) == null ? void 0 : z.label);
-    }), m = (Q) => {
-      H.value = Q, i(Q);
-    }, S = (Q) => {
-      x.value = Q;
+      var W, z;
+      return ((W = U.value.find((ee) => ee.value === R.value)) == null ? void 0 : W.label) || ((z = x.value) == null ? void 0 : z.label);
+    }), m = (W) => {
+      H.value = W, i(W);
+    }, S = (W) => {
+      x.value = W;
     }, F = () => {
       x.value = { value: "", label: "" };
-    }, q = (Q) => {
-      R.value = Q, s("update:name", N.value);
+    }, q = (W) => {
+      R.value = W, s("update:name", N.value);
     }, A = B(!1);
     return st(async () => {
-      var Q, z;
+      var W, z;
       try {
-        A.value = !0, await o(), r.name && (R.value = ((z = (Q = U.value.find((ee) => ee.label === r.name)) == null ? void 0 : Q.value) == null ? void 0 : z.toString()) || r.name), await n();
+        A.value = !0, await o(), r.name && (R.value = ((z = (W = U.value.find((ee) => ee.label === r.name)) == null ? void 0 : W.value) == null ? void 0 : z.toString()) || r.name), await n();
       } finally {
         A.value = !1;
       }
-    }), (Q, z) => {
-      const ee = j("KSkeleton"), ue = j("KSelect"), V = j("KInput");
+    }), (W, z) => {
+      const ee = K("KSkeleton"), ue = K("KSelect"), V = K("KInput");
       return k(), P(u(ot), {
         class: "kong-ui-entities-upstreams-general-info",
         description: u(l)("upstreams.form.general_info.help"),
@@ -6304,7 +6311,7 @@ const Ue = {
           A.value ? (k(), P(ee, {
             key: 0,
             type: "form"
-          })) : (k(), K("div", $c, [
+          })) : (k(), j("div", $c, [
             y(ue, {
               class: "name-select margin-bottom-6",
               clearable: "",
@@ -6516,7 +6523,7 @@ const Ue = {
     });
     const d = T(() => s.hashOn === "cookie" || s.hashOn === "none"), h = T(() => s.slots ? r(s.slots, Mt, jt) ? "" : l("upstreams.form.errors.in_range") : "");
     return (p, g) => {
-      const n = j("KExternalLink"), O = j("KSelect"), H = j("KInput"), v = j("KCard");
+      const n = K("KExternalLink"), O = K("KSelect"), H = K("KInput"), v = K("KCard");
       return k(), P(u(ot), {
         class: "kong-ui-entities-upstreams-load-balancing",
         title: u(l)("upstreams.form.load_balancing.title")
@@ -6584,7 +6591,7 @@ const Ue = {
                 type: "text",
                 "onUpdate:modelValue": g[3] || (g[3] = (U) => i("update:hash-on-header", U))
               }, null, 8, ["label", "model-value", "readonly"])) : D("", !0),
-              e.hashOn === "cookie" ? (k(), K(fe, { key: 1 }, [
+              e.hashOn === "cookie" ? (k(), j(fe, { key: 1 }, [
                 y(H, {
                   autocomplete: "off",
                   class: "margin-top-6",
@@ -6678,7 +6685,7 @@ const Ue = {
                 type: "text",
                 "onUpdate:modelValue": g[9] || (g[9] = (U) => i("update:hash-fallback-header", U))
               }, null, 8, ["label", "model-value", "readonly"])) : D("", !0),
-              e.hashFallback === "cookie" ? (k(), K(fe, { key: 1 }, [
+              e.hashFallback === "cookie" ? (k(), j(fe, { key: 1 }, [
                 y(H, {
                   autocomplete: "off",
                   class: "margin-top-6",
@@ -6759,7 +6766,7 @@ const Ue = {
   setup(e, { emit: a }) {
     const { i18n: { t } } = Ue.useI18n(), l = a;
     return (r, s) => {
-      const i = j("KExternalLink"), c = j("KInputSwitch"), o = j("KCard"), d = j("KInput");
+      const i = K("KExternalLink"), c = K("KInputSwitch"), o = K("KCard"), d = K("KInput");
       return k(), P(u(ot), {
         class: "kong-ui-entities-upstreams-healthchecks",
         title: u(t)("upstreams.form.health_check.title")
@@ -6947,7 +6954,7 @@ const Ue = {
       H === 0 && p.value.length === 1 ? p.value[0] = { key: "", values: "" } : p.value.splice(H, 1), g();
     };
     return (H, v) => {
-      const U = j("KExternalLink"), $ = j("KSelect"), R = j("KInput"), x = j("KCheckbox"), N = j("KLabel"), m = j("KButton"), S = j("KMultiselect"), F = j("KCard");
+      const U = K("KExternalLink"), $ = K("KSelect"), R = K("KInput"), x = K("KCheckbox"), N = K("KLabel"), m = K("KButton"), S = K("KMultiselect"), F = K("KCard");
       return k(), P(u(ot), {
         class: "kong-ui-entities-upstreams-active-healthcheck",
         title: u(t)("upstreams.form.active_health_check.title")
@@ -7010,7 +7017,7 @@ const Ue = {
               type: "number",
               "onUpdate:modelValue": v[3] || (v[3] = (A) => s("update:concurrency", A))
             }, null, 8, ["label", "max", "min", "model-value", "readonly"]),
-            c.value ? (k(), K(fe, { key: 1 }, [
+            c.value ? (k(), j(fe, { key: 1 }, [
               y(R, {
                 autocomplete: "off",
                 class: "margin-bottom-6",
@@ -7029,7 +7036,7 @@ const Ue = {
                 "onUpdate:modelValue": v[5] || (v[5] = (A) => s("update:verify-ssl", A))
               }, null, 8, ["disabled", "label", "model-value"])
             ], 64)) : D("", !0),
-            ((q = e.config) == null ? void 0 : q.app) === "kongManager" ? (k(), K("div", Zc, [
+            ((q = e.config) == null ? void 0 : q.app) === "kongManager" ? (k(), j("div", Zc, [
               y(N, {
                 info: u(t)("upstreams.form.fields.headers.tooltip_active"),
                 "tooltip-attributes": { maxWidth: "250px" }
@@ -7040,7 +7047,7 @@ const Ue = {
                 _: 1
               }, 8, ["info"]),
               I("div", null, [
-                (k(!0), K(fe, null, Ce(p.value, (A, M) => (k(), K("div", {
+                (k(!0), j(fe, null, Ce(p.value, (A, M) => (k(), j("div", {
                   key: `${A.header}_${M}`,
                   class: qe(["headers-row", { "margin-top-6": M > 0 }])
                 }, [
@@ -7168,7 +7175,7 @@ const Ue = {
                   readonly: e.readonly,
                   type: "number",
                   "onUpdate:modelValue": v[12] || (v[12] = (A) => s("update:tcp-failures", A))
-                }, null, 8, ["label", "max", "min", "model-value", "readonly"])) : (k(), K(fe, { key: 1 }, [
+                }, null, 8, ["label", "max", "min", "model-value", "readonly"])) : (k(), j(fe, { key: 1 }, [
                   y(R, {
                     autocomplete: "off",
                     class: "margin-bottom-6",
@@ -7288,7 +7295,7 @@ const Ue = {
     return ke(() => l.type, (d, h) => {
       h === "tcp" && d !== h && r("update:tcp-failures", "5"), h !== "tcp" && d === "tcp" && (r("update:http-statuses", Et), r("update:unhealthy-http-statuses", Pt));
     }), (d, h) => {
-      const p = j("KExternalLink"), g = j("KSelect"), n = j("KInput"), O = j("KMultiselect"), H = j("KCard");
+      const p = K("KExternalLink"), g = K("KSelect"), n = K("KInput"), O = K("KMultiselect"), H = K("KCard");
       return k(), P(u(ot), {
         class: "kong-ui-entities-upstreams-passive-healthcheck",
         title: u(t)("upstreams.form.passive_health_check.title")
@@ -7375,7 +7382,7 @@ const Ue = {
                 readonly: e.readonly,
                 type: "number",
                 "onUpdate:modelValue": h[6] || (h[6] = (v) => r("update:tcp-failures", v))
-              }, null, 8, ["label", "max", "min", "model-value", "readonly"])) : (k(), K(fe, { key: 1 }, [
+              }, null, 8, ["label", "max", "min", "model-value", "readonly"])) : (k(), j(fe, { key: 1 }, [
                 y(n, {
                   autocomplete: "off",
                   class: "margin-top-6",
@@ -7437,12 +7444,12 @@ const Ue = {
       n.fields.activeHealthCheck.interval = C ? "5" : "0", n.fields.activeHealthCheck.successes = C ? "5" : "0", n.fields.activeHealthCheck.httpFailures = C ? "5" : "0", n.fields.activeHealthCheck.unhealthyInterval = C ? "5" : "0";
     }, U = (C) => {
       n.fields.passiveHealthCheck.timeouts = C ? "5" : "0", n.fields.passiveHealthCheck.successes = C ? "80" : "0";
-    }, $ = T(() => n.fields.slots ? r(n.fields.slots, Mt, jt) : !0), R = T(() => n.fields.hashOn === "header" ? !!n.fields.hashOnHeader : !0), x = T(() => n.fields.hashOn === "cookie" || n.fields.hashFallback === "cookie" ? !!n.fields.hashOnCookie : !0), N = T(() => n.fields.hashOn === "cookie" || n.fields.hashFallback === "cookie" ? !!n.fields.hashOnCookiePath : !0), m = T(() => n.fields.hashOn === "query_arg" ? !!n.fields.hashOnQueryArgument : !0), S = T(() => n.fields.hashOn === "uri_capture" ? !!n.fields.hashOnUriCapture : !0), F = T(() => n.fields.hashFallback === "header" ? !!n.fields.hashFallbackHeader : !0), q = T(() => n.fields.hashFallback === "query_arg" ? !!n.fields.hashFallbackQueryArgument : !0), A = T(() => n.fields.hashFallback === "uri_capture" ? !!n.fields.hashFallbackUriCapture : !0), M = T(() => !!n.fields.name && $.value && R.value && x.value && N.value && m.value && S.value && F.value && q.value && A.value), E = T(() => t.upstreamId ? we.Edit : we.Create), W = T(() => {
+    }, $ = T(() => n.fields.slots ? r(n.fields.slots, Mt, jt) : !0), R = T(() => n.fields.hashOn === "header" ? !!n.fields.hashOnHeader : !0), x = T(() => n.fields.hashOn === "cookie" || n.fields.hashFallback === "cookie" ? !!n.fields.hashOnCookie : !0), N = T(() => n.fields.hashOn === "cookie" || n.fields.hashFallback === "cookie" ? !!n.fields.hashOnCookiePath : !0), m = T(() => n.fields.hashOn === "query_arg" ? !!n.fields.hashOnQueryArgument : !0), S = T(() => n.fields.hashOn === "uri_capture" ? !!n.fields.hashOnUriCapture : !0), F = T(() => n.fields.hashFallback === "header" ? !!n.fields.hashFallbackHeader : !0), q = T(() => n.fields.hashFallback === "query_arg" ? !!n.fields.hashFallbackQueryArgument : !0), A = T(() => n.fields.hashFallback === "uri_capture" ? !!n.fields.hashFallbackUriCapture : !0), M = T(() => !!n.fields.name && $.value && R.value && x.value && N.value && m.value && S.value && F.value && q.value && A.value), E = T(() => t.upstreamId ? Se.Edit : Se.Create), Q = T(() => {
       var C, b;
       return (b = Xe.form[(C = t.config) == null ? void 0 : C.app]) == null ? void 0 : b.edit;
     }), Z = (C) => {
       Object.assign(n.fields, i(C)), Object.assign(O, d(n.fields));
-    }, Q = () => {
+    }, W = () => {
       var C;
       g.push(((C = t.config) == null ? void 0 : C.cancelRoute) || { name: "upstreams-list" });
     }, z = (C) => {
@@ -7471,7 +7478,7 @@ const Ue = {
         } : {
           ...he
         };
-      }, {})), (n.fields.activeHealthCheck.type === "https" || n.fields.activeHealthCheck.type === "grpcs") && n.fields.activeHealthCheck.httpsSni && (C.healthchecks.active.https_sni = n.fields.activeHealthCheck.httpsSni), (n.fields.activeHealthCheck.type === "https" || n.fields.activeHealthCheck.type === "grpcs") && (C.healthchecks.active.https_verify_certificate = n.fields.activeHealthCheck.verifySsl), n.fields.activeHealthCheck.interval && (C.healthchecks.active.healthy.interval = Number(n.fields.activeHealthCheck.interval)), n.fields.activeHealthCheck.successes && (C.healthchecks.active.healthy.successes = Number(n.fields.activeHealthCheck.successes)), n.fields.activeHealthCheck.type !== "tcp" && n.fields.activeHealthCheck.httpStatuses && (C.healthchecks.active.healthy.http_statuses = s(n.fields.activeHealthCheck.httpStatuses)), n.fields.activeHealthCheck.unhealthyInterval && (C.healthchecks.active.unhealthy.interval = Number(n.fields.activeHealthCheck.unhealthyInterval)), n.fields.activeHealthCheck.unhealthyTimeouts && (C.healthchecks.active.unhealthy.timeouts = Number(n.fields.activeHealthCheck.unhealthyTimeouts)), n.fields.activeHealthCheck.type !== "tcp" && n.fields.activeHealthCheck.unhealthyHttpStatuses && (C.healthchecks.active.unhealthy.http_statuses = s(n.fields.activeHealthCheck.unhealthyHttpStatuses)), n.fields.activeHealthCheck.type !== "tcp" && n.fields.activeHealthCheck.httpFailures && (C.healthchecks.active.unhealthy.http_failures = Number(n.fields.activeHealthCheck.httpFailures)), n.fields.activeHealthCheck.type === "tcp" && n.fields.activeHealthCheck.tcpFailures && (C.healthchecks.active.unhealthy.tcp_failures = Number(n.fields.activeHealthCheck.tcpFailures))) : ((G = t.config) == null ? void 0 : G.app) === "kongManager" && E.value === we.Edit && (C.healthchecks.active = {
+      }, {})), (n.fields.activeHealthCheck.type === "https" || n.fields.activeHealthCheck.type === "grpcs") && n.fields.activeHealthCheck.httpsSni && (C.healthchecks.active.https_sni = n.fields.activeHealthCheck.httpsSni), (n.fields.activeHealthCheck.type === "https" || n.fields.activeHealthCheck.type === "grpcs") && (C.healthchecks.active.https_verify_certificate = n.fields.activeHealthCheck.verifySsl), n.fields.activeHealthCheck.interval && (C.healthchecks.active.healthy.interval = Number(n.fields.activeHealthCheck.interval)), n.fields.activeHealthCheck.successes && (C.healthchecks.active.healthy.successes = Number(n.fields.activeHealthCheck.successes)), n.fields.activeHealthCheck.type !== "tcp" && n.fields.activeHealthCheck.httpStatuses && (C.healthchecks.active.healthy.http_statuses = s(n.fields.activeHealthCheck.httpStatuses)), n.fields.activeHealthCheck.unhealthyInterval && (C.healthchecks.active.unhealthy.interval = Number(n.fields.activeHealthCheck.unhealthyInterval)), n.fields.activeHealthCheck.unhealthyTimeouts && (C.healthchecks.active.unhealthy.timeouts = Number(n.fields.activeHealthCheck.unhealthyTimeouts)), n.fields.activeHealthCheck.type !== "tcp" && n.fields.activeHealthCheck.unhealthyHttpStatuses && (C.healthchecks.active.unhealthy.http_statuses = s(n.fields.activeHealthCheck.unhealthyHttpStatuses)), n.fields.activeHealthCheck.type !== "tcp" && n.fields.activeHealthCheck.httpFailures && (C.healthchecks.active.unhealthy.http_failures = Number(n.fields.activeHealthCheck.httpFailures)), n.fields.activeHealthCheck.type === "tcp" && n.fields.activeHealthCheck.tcpFailures && (C.healthchecks.active.unhealthy.tcp_failures = Number(n.fields.activeHealthCheck.tcpFailures))) : ((G = t.config) == null ? void 0 : G.app) === "kongManager" && E.value === Se.Edit && (C.healthchecks.active = {
         type: n.fields.activeHealthCheck.type,
         headers: {},
         healthy: {
@@ -7484,7 +7491,7 @@ const Ue = {
         type: n.fields.passiveHealthCheck.type,
         healthy: {},
         unhealthy: {}
-      }, n.fields.passiveHealthCheck.successes && (C.healthchecks.passive.healthy.successes = Number(n.fields.passiveHealthCheck.successes)), n.fields.passiveHealthCheck.type !== "tcp" && n.fields.passiveHealthCheck.httpStatuses && (C.healthchecks.passive.healthy.http_statuses = s(n.fields.passiveHealthCheck.httpStatuses)), n.fields.passiveHealthCheck.timeouts && (C.healthchecks.passive.unhealthy.timeouts = Number(n.fields.passiveHealthCheck.timeouts)), n.fields.passiveHealthCheck.type !== "tcp" && n.fields.passiveHealthCheck.unhealthyHttpStatuses && (C.healthchecks.passive.unhealthy.http_statuses = s(n.fields.passiveHealthCheck.unhealthyHttpStatuses)), n.fields.passiveHealthCheck.type !== "tcp" && n.fields.passiveHealthCheck.httpFailures && (C.healthchecks.passive.unhealthy.http_failures = Number(n.fields.passiveHealthCheck.httpFailures)), n.fields.passiveHealthCheck.type === "tcp" && n.fields.passiveHealthCheck.tcpFailures && (C.healthchecks.passive.unhealthy.tcp_failures = Number(n.fields.passiveHealthCheck.tcpFailures))) : ((se = t.config) == null ? void 0 : se.app) === "kongManager" && E.value === we.Edit && (C.healthchecks.passive = {
+      }, n.fields.passiveHealthCheck.successes && (C.healthchecks.passive.healthy.successes = Number(n.fields.passiveHealthCheck.successes)), n.fields.passiveHealthCheck.type !== "tcp" && n.fields.passiveHealthCheck.httpStatuses && (C.healthchecks.passive.healthy.http_statuses = s(n.fields.passiveHealthCheck.httpStatuses)), n.fields.passiveHealthCheck.timeouts && (C.healthchecks.passive.unhealthy.timeouts = Number(n.fields.passiveHealthCheck.timeouts)), n.fields.passiveHealthCheck.type !== "tcp" && n.fields.passiveHealthCheck.unhealthyHttpStatuses && (C.healthchecks.passive.unhealthy.http_statuses = s(n.fields.passiveHealthCheck.unhealthyHttpStatuses)), n.fields.passiveHealthCheck.type !== "tcp" && n.fields.passiveHealthCheck.httpFailures && (C.healthchecks.passive.unhealthy.http_failures = Number(n.fields.passiveHealthCheck.httpFailures)), n.fields.passiveHealthCheck.type === "tcp" && n.fields.passiveHealthCheck.tcpFailures && (C.healthchecks.passive.unhealthy.tcp_failures = Number(n.fields.passiveHealthCheck.tcpFailures))) : ((se = t.config) == null ? void 0 : se.app) === "kongManager" && E.value === Se.Edit && (C.healthchecks.passive = {
         type: n.fields.passiveHealthCheck.type,
         healthy: {
           successes: 0
@@ -7504,23 +7511,23 @@ const Ue = {
       try {
         n.readonly = !0, await h.post(V("validate"), ue.value);
         let b;
-        E.value === we.Create ? b = await h.post(V("create"), ue.value) : E.value === we.Edit && (b = ((C = t.config) == null ? void 0 : C.app) === "konnect" ? await h.put(V("edit"), ue.value) : await h.patch(V("edit"), ue.value)), l("update", b == null ? void 0 : b.data);
+        E.value === Se.Create ? b = await h.post(V("create"), ue.value) : E.value === Se.Edit && (b = ((C = t.config) == null ? void 0 : C.app) === "konnect" ? await h.put(V("edit"), ue.value) : await h.patch(V("edit"), ue.value)), l("update", b == null ? void 0 : b.data);
       } catch (b) {
         n.errorMessage = p(b), l("error", b);
       } finally {
         n.readonly = !1;
       }
     };
-    return (C, b) => (k(), K("div", ud, [
+    return (C, b) => (k(), j("div", ud, [
       y(u(Vr), {
         "can-submit": M.value && H.value,
         config: e.config,
         "edit-id": e.upstreamId,
         "error-message": n.errorMessage,
-        "fetch-url": W.value,
+        "fetch-url": Q.value,
         "form-fields": ue.value,
         "is-readonly": n.readonly,
-        onCancel: Q,
+        onCancel: W,
         "onFetch:error": ee,
         "onFetch:success": Z,
         onLoading: z,
@@ -7740,7 +7747,7 @@ const Ue = {
         tooltip: t("upstreams.form.hash_tooltips.client_certificate")
       }
     });
-    return (c, o) => (k(), K("div", null, [
+    return (c, o) => (k(), j("div", null, [
       y(u(fu), {
         config: e.config,
         "config-card-doc": e.configCardDoc,