@kong-ui-public/entities-gateway-services 3.11.0 → 3.11.1-pr.2038.33fbd5a7d.0

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

@@ -1,9 +1,9 @@
-import { defineComponent as Le, computed as k, ref as q, watch as Ue, onBeforeMount as it, resolveComponent as G, openBlock as S, createElementBlock as U, createVNode as u, unref as l, createSlots as Re, withCtx as v, createBlock as $e, Teleport as ze, createElementVNode as I, createCommentVNode as B, createTextVNode as J, toDisplayString as E, withModifiers as We, reactive as Me, onMounted as Qe, renderSlot as Xe, toValue as He, Transition as De, Fragment as rt, renderList as st } from "vue";
+import { defineComponent as Le, computed as k, ref as q, toRef as it, watch as Ue, onBeforeMount as rt, resolveComponent as G, openBlock as S, createElementBlock as U, createVNode as u, unref as l, createSlots as Te, withCtx as v, createBlock as $e, Teleport as ze, createElementVNode as I, createCommentVNode as B, createTextVNode as J, toDisplayString as E, withModifiers as We, reactive as Me, onMounted as Qe, renderSlot as Xe, toValue as He, Transition as De, Fragment as st, renderList as at } from "vue";
 import { useRouter as Ge } from "vue-router";
-import { BookIcon as Ze, AddIcon as at, ServicesIcon as nt } from "@kong/icons";
-import { createI18n as ct, i18nTComponent as ut } from "@kong-ui-public/i18n";
-import { useAxios as Oe, useTableState as dt, useFetcher as ft, useDeleteUrlBuilder as pt, FetcherStatus as mt, EntityBaseTable as vt, EntityFilter as gt, PermissionsWrapper as Fe, TableTags as yt, EntityEmptyState as _t, EntityToggleModal as bt, EntityDeleteModal as ht, EntityTypes as wt, useErrors as Ye, useValidators as et, EntityBaseFormType as Be, useGatewayFeatureSupported as tt, EntityBaseForm as lt, SupportedEntityType as Ne, EntityFormSection as Ke, useHelpers as ot, ConfigurationSchemaSection as Ae, ConfigurationSchemaType as kt, EntityBaseConfigCard as Vt } from "@kong-ui-public/entities-shared";
-const Ct = {
+import { BookIcon as Ze, AddIcon as nt, ServicesIcon as ct } from "@kong/icons";
+import { createI18n as ut, i18nTComponent as dt } from "@kong-ui-public/i18n";
+import { useAxios as Oe, useTableState as ft, useFetcher as pt, useDeleteUrlBuilder as mt, FetcherStatus as vt, EntityBaseTable as gt, EntityFilter as yt, PermissionsWrapper as Fe, TableTags as _t, EntityEmptyState as bt, EntityToggleModal as ht, EntityDeleteModal as wt, EntityTypes as kt, useErrors as Ye, useValidators as et, EntityBaseFormType as Be, useGatewayFeatureSupported as tt, EntityBaseForm as lt, SupportedEntityType as Ne, EntityFormSection as Ke, useHelpers as ot, ConfigurationSchemaSection as Ae, ConfigurationSchemaType as Vt, EntityBaseConfigCard as Ct } from "@kong-ui-public/entities-shared";
+const St = {
   create: "New gateway service",
   serverless_create: "Add a Service",
   copy_id: "Copy ID",
@@ -16,12 +16,12 @@ const Ct = {
     description: "Deleting this Gateway Service will also remove any associated plugins. This action cannot be reversed.",
     menu_label: "Delete"
   }
-}, St = {
+}, It = {
   placeholder: {
     konnect: "Filter by name",
     kongManager: "Filter by exact name or ID"
   }
-}, It = {
+}, Pt = {
   title: "Gateway Services",
   list: {
     toolbar_actions: {
@@ -203,33 +203,33 @@ const Ct = {
       }
     }
   }
-}, Pt = {
+}, Et = {
   general: "Gateway Services could not be retrieved",
   delete: "The gateway service could not be deleted at this time.",
   copy: "Failed to copy to clipboard",
   urlErrorMessage: "Error: invalid URL"
-}, Et = {
+}, Ft = {
   success: "Copied {val} to clipboard",
   success_brief: "Successfully copied to clipboard"
-}, Ft = {
-  gateway_services: "gateway services"
 }, $t = {
-  actions: Ct,
-  search: St,
-  gateway_services: It,
-  errors: Pt,
-  copy: Et,
-  glossary: Ft
+  gateway_services: "gateway services"
+}, Ut = {
+  actions: St,
+  search: It,
+  gateway_services: Pt,
+  errors: Et,
+  copy: Ft,
+  glossary: $t
 };
-function Ut() {
-  const n = ct("en-us", $t);
+function At() {
+  const n = ut("en-us", Ut);
   return {
     i18n: n,
-    i18nT: ut(n)
+    i18nT: dt(n)
     // Translation component <i18n-t>
   };
 }
-function At() {
+function xt() {
   return {
     getPortFromProtocol: (K, y) => {
       const p = [80, 443], s = Number(y);
@@ -251,7 +251,7 @@ function At() {
     }
   };
 }
-function xt() {
+function Rt() {
   const { i18n: { t: n } } = me.useI18n();
   return {
     validateHost: (b) => {
@@ -272,16 +272,16 @@ function xt() {
   };
 }
 const me = {
-  useI18n: Ut,
-  usePortFromProtocol: At,
-  useUrlValidators: xt
-}, xe = "/v2/control-planes/{controlPlaneId}/core-entities", Te = "/{workspace}", ve = {
+  useI18n: At,
+  usePortFromProtocol: xt,
+  useUrlValidators: Rt
+}, xe = "/v2/control-planes/{controlPlaneId}/core-entities", Re = "/{workspace}", ve = {
   list: {
     konnect: {
       all: `${xe}/services`
     },
     kongManager: {
-      all: `${Te}/services`
+      all: `${Re}/services`
     }
   },
   form: {
@@ -291,12 +291,12 @@ const me = {
       edit: `${xe}/services/{id}`
     },
     kongManager: {
-      create: `${Te}/services`,
-      validate: `${Te}/schemas/services/validate`,
-      edit: `${Te}/services/{id}`
+      create: `${Re}/services`,
+      validate: `${Re}/schemas/services/validate`,
+      edit: `${Re}/services/{id}`
     }
   }
-}, Tt = "#00abd2", Rt = "24px", Mt = { class: "kong-ui-entities-gateway-services-list" }, Bt = { class: "button-row" }, Kt = { class: "empty-state-icon-gateway" }, Lt = { key: 1 }, Wt = /* @__PURE__ */ Le({
+}, Tt = "#00abd2", Mt = "24px", Bt = { class: "kong-ui-entities-gateway-services-list" }, Kt = { class: "button-row" }, Lt = { class: "empty-state-icon-gateway" }, Wt = { key: 1 }, Dt = /* @__PURE__ */ Le({
   __name: "GatewayServiceList",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -356,7 +356,7 @@ const me = {
   emits: ["error", "click:learn-more", "copy:success", "copy:error", "delete:success", "toggle:success"],
   setup(n, { emit: K }) {
     var c;
-    const y = K, p = n, { i18n: { t: s, formatUnixTimeStamp: b } } = me.useI18n(), M = Ge(), { axiosInstance: Q } = Oe((c = p.config) == null ? void 0 : c.axiosRequestConfig), { hasRecords: r, handleStateChange: D } = dt(() => z.value), P = k(() => r.value && p.config.app === "konnect"), ie = k(() => !p.enableV2EmptyStates && p.config.app === "konnect"), ne = k(() => p.config.app !== "kongManager" || !!p.config.disableSorting), Y = {
+    const y = K, p = n, { i18n: { t: s, formatUnixTimeStamp: b } } = me.useI18n(), M = Ge(), { axiosInstance: Q } = Oe((c = p.config) == null ? void 0 : c.axiosRequestConfig), { hasRecords: r, handleStateChange: D } = ft(() => z.value), P = k(() => r.value && p.config.app === "konnect"), ie = k(() => !p.enableV2EmptyStates && p.config.app === "konnect"), ne = k(() => p.config.app !== "kongManager" || !!p.config.disableSorting), Y = {
       // the Name column is non-hidable
       name: { label: s("gateway_services.list.table_headers.name"), searchable: !0, sortable: !0, hidable: !1 },
       ...p.config.showControlPlaneColumn ? { control_plane: { label: s("gateway_services.list.table_headers.control_plane") } } : {},
@@ -393,15 +393,15 @@ const me = {
       fetcher: o,
       fetcherState: w,
       fetcherCacheKey: re
-    } = ft({ ...p.config, cacheIdentifier: p.cacheIdentifier }, x.value), ye = () => {
+    } = pt(it({ ...p.config, cacheIdentifier: p.cacheIdentifier }), x), ye = () => {
       z.value = "";
     }, ke = () => {
       re.value++;
     }, e = q(null), A = k(() => ({
       ctaPath: p.config.createRoute,
-      ctaText: T.value ? p.isServerless ? s("actions.serverless_create") : s("actions.create") : void 0,
+      ctaText: R.value ? p.isServerless ? s("actions.serverless_create") : s("actions.create") : void 0,
       message: `${s("gateway_services.list.empty_state.description")}${p.config.additionMessageForEmptyState ? ` ${p.config.additionMessageForEmptyState}` : ""}`,
-      title: T.value ? p.isServerless ? s("gateway_services.list.empty_state.serverless_title") : s("gateway_services.list.empty_state.title") : s("gateway_services.title")
+      title: R.value ? p.isServerless ? s("gateway_services.list.empty_state.serverless_title") : s("gateway_services.list.empty_state.title") : s("gateway_services.title")
     })), ue = q(!1), O = q(null), se = k(() => {
       const g = {
         action: "disable",
@@ -467,7 +467,7 @@ const me = {
     }), ee = (g) => ({
       label: s("actions.edit"),
       to: p.config.getEditRoute(g)
-    }), H = q(void 0), Z = q(!1), te = q(!1), ae = q(""), i = pt(p.config, x.value), d = (g) => {
+    }), H = q(void 0), Z = q(!1), te = q(!1), ae = q(""), i = mt(p.config, x.value), d = (g) => {
       H.value = g, Z.value = !0, ae.value = "";
     }, V = () => {
       Z.value = !1, H.value = void 0;
@@ -488,7 +488,7 @@ const me = {
     };
     Ue(w, (g) => {
       var m, C, W;
-      if (g.status === mt.Error) {
+      if (g.status === vt.Error) {
         e.value = {
           title: s("errors.general")
         }, (W = (C = (m = g.error) == null ? void 0 : m.response) == null ? void 0 : C.data) != null && W.message && (e.value.message = g.error.response.data.message), y("error", g.error);
@@ -496,13 +496,13 @@ const me = {
       }
       e.value = null;
     });
-    const T = q(!1);
-    return it(async () => {
-      T.value = await p.canCreate();
+    const R = q(!1);
+    return rt(async () => {
+      R.value = await p.canCreate();
     }), (g, m) => {
       const C = G("KButton"), W = G("KBadge"), fe = G("KInputSwitch"), N = G("KDropdownItem"), pe = G("KClipboardProvider");
-      return S(), U("div", Mt, [
-        u(l(vt), {
+      return S(), U("div", Bt, [
+        u(l(gt), {
           "cache-identifier": n.cacheIdentifier,
           "default-table-preferences": we,
           "disable-sorting": ne.value,
@@ -519,9 +519,9 @@ const me = {
           "onClick:row": m[5] || (m[5] = (h) => be(h)),
           onSort: ke,
           onState: l(D)
-        }, Re({
+        }, Te({
           "toolbar-filter": v(() => [
-            u(l(gt), {
+            u(l(yt), {
               modelValue: z.value,
               "onUpdate:modelValue": m[0] || (m[0] = (h) => z.value = h),
               config: Ie.value
@@ -532,7 +532,7 @@ const me = {
               disabled: !n.useActionOutside,
               to: "#kong-ui-app-page-header-action-button"
             }, [
-              I("div", Bt, [
+              I("div", Kt, [
                 P.value ? (S(), $e(C, {
                   key: 0,
                   appearance: "secondary",
@@ -557,7 +557,7 @@ const me = {
                       to: n.config.createRoute
                     }, {
                       default: v(() => [
-                        u(l(at)),
+                        u(l(nt)),
                         J(" " + E(l(s)("gateway_services.list.toolbar_actions.new_gateway_service")), 1)
                       ]),
                       _: 1
@@ -584,7 +584,7 @@ const me = {
                   J(E(h.x_meta.cluster_id), 1)
                 ]),
                 _: 2
-              }, 1032, ["tooltip", "onClick"])) : (S(), U("b", Lt, "-"))
+              }, 1032, ["tooltip", "onClick"])) : (S(), U("b", Wt, "-"))
             ];
           }),
           enabled: v(({ row: h }) => [
@@ -610,7 +610,7 @@ const me = {
             }, 1032, ["auth-function"])
           ]),
           tags: v(({ rowValue: h }) => [
-            u(l(yt), { tags: h }, null, 8, ["tags"])
+            u(l(_t), { tags: h }, null, 8, ["tags"])
           ]),
           created_at: v(({ rowValue: h }) => [
             J(E(l(b)(h)), 1)
@@ -719,7 +719,7 @@ const me = {
             fn: v(() => {
               var h;
               return [
-                u(l(_t), {
+                u(l(bt), {
                   "action-button-text": l(s)("gateway_services.empty_state_v2.create"),
                   appearance: "secondary",
                   "can-create": () => n.canCreate(),
@@ -729,12 +729,12 @@ const me = {
                   title: l(s)("gateway_services.empty_state_v2.title"),
                   "onClick:create": L,
                   "onClick:learnMore": m[3] || (m[3] = (t) => g.$emit("click:learn-more"))
-                }, Re({
+                }, Te({
                   image: v(() => [
-                    I("div", Kt, [
-                      u(l(nt), {
+                    I("div", Lt, [
+                      u(l(ct), {
                         color: l(Tt),
-                        size: l(Rt)
+                        size: l(Mt)
                       }, null, 8, ["color", "size"])
                     ])
                   ]),
@@ -753,7 +753,7 @@ const me = {
             key: "1"
           } : void 0
         ]), 1032, ["cache-identifier", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "query", "table-headers", "onState"]),
-        u(l(bt), {
+        u(l(ht), {
           action: se.value.action,
           "entity-id": se.value.id,
           "entity-name": se.value.name,
@@ -763,11 +763,11 @@ const me = {
           onCancel: oe,
           onProceed: oe
         }, null, 8, ["action", "entity-id", "entity-name", "entity-type", "visible"]),
-        u(l(ht), {
+        u(l(wt), {
           "action-pending": te.value,
           description: l(s)("actions.delete.description"),
           "entity-name": H.value && (H.value.name || H.value.id),
-          "entity-type": l(wt).GatewayService,
+          "entity-type": l(kt).GatewayService,
           error: ae.value,
           title: l(s)("actions.delete.title"),
           visible: Z.value,
@@ -782,28 +782,28 @@ const me = {
   for (const [p, s] of K)
     y[p] = s;
   return y;
-}, Al = /* @__PURE__ */ je(Wt, [["__scopeId", "data-v-3d11ac45"]]), Dt = { class: "kong-ui-entities-gateway-service-form" }, qt = { key: 0 }, Gt = { class: "gateway-service-form-traffic-label" }, Ot = { class: "gateway-service-form-margin-bottom" }, Nt = {
+}, xl = /* @__PURE__ */ je(Dt, [["__scopeId", "data-v-363e9456"]]), qt = { class: "kong-ui-entities-gateway-service-form" }, Gt = { key: 0 }, Ot = { class: "gateway-service-form-traffic-label" }, Nt = { class: "gateway-service-form-margin-bottom" }, jt = {
   key: 0,
   class: "gateway-service-form-group-fields"
-}, jt = {
+}, zt = {
   key: 1,
   class: "gateway-service-form-group-fields"
-}, zt = { key: 0 }, Ht = { class: "gateway-service-form-margin-top" }, Zt = { class: "gateway-service-form-margin-bottom" }, Jt = { class: "gateway-service-form-margin-bottom" }, Qt = { class: "gateway-service-form-margin-bottom" }, Xt = { class: "gateway-service-form-margin-bottom" }, Yt = {
+}, Ht = { key: 0 }, Zt = { class: "gateway-service-form-margin-top" }, Jt = { class: "gateway-service-form-margin-bottom" }, Qt = { class: "gateway-service-form-margin-bottom" }, Xt = { class: "gateway-service-form-margin-bottom" }, Yt = { class: "gateway-service-form-margin-bottom" }, el = {
   key: 0,
   class: "gateway-service-form-margin-bottom"
-}, el = {
+}, tl = {
   key: 1,
   class: "gateway-service-form-margin-bottom"
-}, tl = {
+}, ll = {
   key: 2,
   class: "gateway-service-form-margin-bottom"
-}, ll = {
+}, ol = {
   key: 0,
   class: "checkbox-aligned-radio"
-}, ol = {
+}, il = {
   key: 1,
   class: "checkbox-aligned-radio"
-}, il = /* @__PURE__ */ Le({
+}, rl = /* @__PURE__ */ Le({
   __name: "LegacyGatewayServiceForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -976,7 +976,7 @@ const me = {
       var d, V, X, L;
       const i = {
         name: o.fields.name || null,
-        tags: o.fields.tags ? (X = (V = (d = o.fields.tags) == null ? void 0 : d.split(",")) == null ? void 0 : V.map((T) => String(T || "").trim())) == null ? void 0 : X.filter((T) => T !== "") : null,
+        tags: o.fields.tags ? (X = (V = (d = o.fields.tags) == null ? void 0 : d.split(",")) == null ? void 0 : V.map((R) => String(R || "").trim())) == null ? void 0 : X.filter((R) => R !== "") : null,
         protocol: o.fields.protocol,
         path: o.fields.path || null,
         read_timeout: o.fields.read_timeout,
@@ -985,7 +985,7 @@ const me = {
         connect_timeout: o.fields.connect_timeout,
         tls_verify_value: o.fields.tls_verify_value,
         tls_verify_enabled: o.fields.tls_verify_enabled,
-        ca_certificates: o.fields.ca_certificates ? (L = o.fields.ca_certificates) == null ? void 0 : L.split(",").filter((T) => T !== "") : null,
+        ca_certificates: o.fields.ca_certificates ? (L = o.fields.ca_certificates) == null ? void 0 : L.split(",").filter((R) => R !== "") : null,
         client_certificate: o.fields.client_certificate ? { id: o.fields.client_certificate } : null,
         write_timeout: o.fields.write_timeout,
         port: o.fields.port,
@@ -998,12 +998,12 @@ const me = {
         o.isReadonly = !0, O();
         const L = Z.value;
         H(L);
-        let T;
-        if (await P.post(Ee.value, L), Y.value === "create" ? T = await P.post(ee.value, L) : Y.value === "edit" && (T = ((i = s.config) == null ? void 0 : i.app) === "konnect" ? await P.put(ee.value, L) : await P.patch(ee.value, L)), T) {
-          const { data: c } = T;
-          o.fields.name = (c == null ? void 0 : c.name) || "", o.fields.port = c.port || ge.getPortFromProtocol(c.protocol), o.fields.protocol = (c == null ? void 0 : c.protocol) || "http", o.fields.host = (c == null ? void 0 : c.host) || "", o.fields.path = (c == null ? void 0 : c.path) || "", o.fields.url = (c == null ? void 0 : c.url) || "", o.fields.retries = c != null && c.retries || (c == null ? void 0 : c.retries) === 0 ? c == null ? void 0 : c.retries : 5, o.fields.connect_timeout = c != null && c.connect_timeout || (c == null ? void 0 : c.connect_timeout) === 0 ? c == null ? void 0 : c.connect_timeout : 6e4, o.fields.write_timeout = c != null && c.write_timeout || (c == null ? void 0 : c.write_timeout) === 0 ? c == null ? void 0 : c.write_timeout : 6e4, o.fields.read_timeout = c != null && c.read_timeout || (c == null ? void 0 : c.read_timeout) === 0 ? c == null ? void 0 : c.read_timeout : 6e4, o.fields.client_certificate = ((d = c == null ? void 0 : c.client_certificate) == null ? void 0 : d.id) || "", o.fields.ca_certificates = (V = c == null ? void 0 : c.ca_certificates) != null && V.length ? c == null ? void 0 : c.ca_certificates.join(",") : "", o.fields.tls_verify_enabled = (c == null ? void 0 : c.tls_verify) !== "" && (c == null ? void 0 : c.tls_verify) !== null && (c == null ? void 0 : c.tls_verify) !== void 0, o.fields.tls_verify_value = o.fields.tls_verify_enabled && (c == null ? void 0 : c.tls_verify), o.fields.tags = (X = c == null ? void 0 : c.tags) != null && X.length ? c.tags.join(", ") : "", Object.assign(w, o.fields), p("update", T == null ? void 0 : T.data);
+        let R;
+        if (await P.post(Ee.value, L), Y.value === "create" ? R = await P.post(ee.value, L) : Y.value === "edit" && (R = ((i = s.config) == null ? void 0 : i.app) === "konnect" ? await P.put(ee.value, L) : await P.patch(ee.value, L)), R) {
+          const { data: c } = R;
+          o.fields.name = (c == null ? void 0 : c.name) || "", o.fields.port = c.port || ge.getPortFromProtocol(c.protocol), o.fields.protocol = (c == null ? void 0 : c.protocol) || "http", o.fields.host = (c == null ? void 0 : c.host) || "", o.fields.path = (c == null ? void 0 : c.path) || "", o.fields.url = (c == null ? void 0 : c.url) || "", o.fields.retries = c != null && c.retries || (c == null ? void 0 : c.retries) === 0 ? c == null ? void 0 : c.retries : 5, o.fields.connect_timeout = c != null && c.connect_timeout || (c == null ? void 0 : c.connect_timeout) === 0 ? c == null ? void 0 : c.connect_timeout : 6e4, o.fields.write_timeout = c != null && c.write_timeout || (c == null ? void 0 : c.write_timeout) === 0 ? c == null ? void 0 : c.write_timeout : 6e4, o.fields.read_timeout = c != null && c.read_timeout || (c == null ? void 0 : c.read_timeout) === 0 ? c == null ? void 0 : c.read_timeout : 6e4, o.fields.client_certificate = ((d = c == null ? void 0 : c.client_certificate) == null ? void 0 : d.id) || "", o.fields.ca_certificates = (V = c == null ? void 0 : c.ca_certificates) != null && V.length ? c == null ? void 0 : c.ca_certificates.join(",") : "", o.fields.tls_verify_enabled = (c == null ? void 0 : c.tls_verify) !== "" && (c == null ? void 0 : c.tls_verify) !== null && (c == null ? void 0 : c.tls_verify) !== void 0, o.fields.tls_verify_value = o.fields.tls_verify_enabled && (c == null ? void 0 : c.tls_verify), o.fields.tags = (X = c == null ? void 0 : c.tags) != null && X.length ? c.tags.join(", ") : "", Object.assign(w, o.fields), p("update", R == null ? void 0 : R.data);
         }
-        return T;
+        return R;
       } catch (L) {
         o.errorMessage = D(L), p("error", L);
       } finally {
@@ -1023,8 +1023,8 @@ const me = {
       canSubmit: de,
       initForm: _e
     }), (i, d) => {
-      const V = G("KInput"), X = G("KLabel"), L = G("KRadio"), T = G("KSelect"), c = G("KCheckbox"), g = G("KCollapse");
-      return S(), U("div", Dt, [
+      const V = G("KInput"), X = G("KLabel"), L = G("KRadio"), R = G("KSelect"), c = G("KCheckbox"), g = G("KCollapse");
+      return S(), U("div", qt, [
         u(l(lt), {
           "can-submit": de.value,
           config: n.config,
@@ -1099,8 +1099,8 @@ const me = {
               title: l(r)("gateway_services.form.sections.keys.title")
             }, {
               default: v(() => [
-                ce.value ? B("", !0) : (S(), U("div", qt, [
-                  I("div", Gt, [
+                ce.value ? B("", !0) : (S(), U("div", Gt, [
+                  I("div", Ot, [
                     u(X, { required: "" }, {
                       default: v(() => [
                         J(E(l(r)("gateway_services.form.sections.keys.checkedGroupLabel")), 1)
@@ -1108,7 +1108,7 @@ const me = {
                       _: 1
                     })
                   ]),
-                  I("div", Ot, [
+                  I("div", Nt, [
                     u(L, {
                       modelValue: x.value,
                       "onUpdate:modelValue": d[2] || (d[2] = (m) => x.value = m),
@@ -1122,7 +1122,7 @@ const me = {
                       _: 1
                     }, 8, ["modelValue", "selected-value"])
                   ]),
-                  x.value === "url" ? (S(), U("div", Nt, [
+                  x.value === "url" ? (S(), U("div", jt, [
                     u(V, {
                       modelValue: o.fields.url,
                       "onUpdate:modelValue": d[3] || (d[3] = (m) => o.fields.url = m),
@@ -1153,8 +1153,8 @@ const me = {
                     _: 1
                   }, 8, ["modelValue", "selected-value"])
                 ])),
-                x.value === "protocol" || ce.value ? (S(), U("div", jt, [
-                  u(T, {
+                x.value === "protocol" || ce.value ? (S(), U("div", zt, [
+                  u(R, {
                     modelValue: o.fields.protocol,
                     "onUpdate:modelValue": d[5] || (d[5] = (m) => o.fields.protocol = m),
                     "data-testid": "gateway-service-protocol-select",
@@ -1184,7 +1184,7 @@ const me = {
                     placeholder: l(r)("gateway_services.form.fields.host.placeholder"),
                     required: ""
                   }, null, 8, ["modelValue", "label", "label-attributes", "placeholder"]),
-                  se.value ? (S(), U("div", zt, [
+                  se.value ? (S(), U("div", Ht, [
                     u(V, {
                       modelValue: o.fields.path,
                       "onUpdate:modelValue": d[8] || (d[8] = (m) => o.fields.path = m),
@@ -1227,8 +1227,8 @@ const me = {
                   "trigger-label": l(r)("gateway_services.form.sections.keys.viewAdvancedFields")
                 }, {
                   default: v(() => [
-                    I("div", Ht, [
-                      I("div", Zt, [
+                    I("div", Zt, [
+                      I("div", Jt, [
                         u(V, {
                           modelValue: o.fields.retries,
                           "onUpdate:modelValue": [
@@ -1249,7 +1249,7 @@ const me = {
                           type: "number"
                         }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                       ]),
-                      I("div", Jt, [
+                      I("div", Qt, [
                         u(V, {
                           modelValue: o.fields.connect_timeout,
                           "onUpdate:modelValue": [
@@ -1270,7 +1270,7 @@ const me = {
                           type: "number"
                         }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                       ]),
-                      I("div", Qt, [
+                      I("div", Xt, [
                         u(V, {
                           modelValue: o.fields.write_timeout,
                           "onUpdate:modelValue": [
@@ -1291,7 +1291,7 @@ const me = {
                           type: "number"
                         }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                       ]),
-                      I("div", Xt, [
+                      I("div", Yt, [
                         u(V, {
                           modelValue: o.fields.read_timeout,
                           "onUpdate:modelValue": [
@@ -1312,7 +1312,7 @@ const me = {
                           type: "number"
                         }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                       ]),
-                      Pe.value ? (S(), U("div", Yt, [
+                      Pe.value ? (S(), U("div", el, [
                         u(V, {
                           modelValue: o.fields.client_certificate,
                           "onUpdate:modelValue": d[19] || (d[19] = (m) => o.fields.client_certificate = m),
@@ -1330,7 +1330,7 @@ const me = {
                           type: "text"
                         }, null, 8, ["modelValue", "label", "label-attributes", "placeholder", "readonly"])
                       ])) : B("", !0),
-                      oe.value ? (S(), U("div", el, [
+                      oe.value ? (S(), U("div", tl, [
                         u(V, {
                           modelValue: o.fields.ca_certificates,
                           "onUpdate:modelValue": d[20] || (d[20] = (m) => o.fields.ca_certificates = m),
@@ -1360,7 +1360,7 @@ const me = {
                           _: 1
                         }, 8, ["modelValue", "label", "placeholder", "readonly"])
                       ])) : B("", !0),
-                      Ve.value ? (S(), U("div", tl, [
+                      Ve.value ? (S(), U("div", ll, [
                         u(c, {
                           modelValue: o.fields.tls_verify_enabled,
                           "onUpdate:modelValue": d[21] || (d[21] = (m) => o.fields.tls_verify_enabled = m),
@@ -1382,7 +1382,7 @@ const me = {
                           ]),
                           _: 1
                         }, 8, ["modelValue", "description", "label"]),
-                        o.fields.tls_verify_enabled ? (S(), U("div", ll, [
+                        o.fields.tls_verify_enabled ? (S(), U("div", ol, [
                           u(L, {
                             modelValue: o.fields.tls_verify_value,
                             "onUpdate:modelValue": d[22] || (d[22] = (m) => o.fields.tls_verify_value = m),
@@ -1391,7 +1391,7 @@ const me = {
                             "selected-value": !0
                           }, null, 8, ["modelValue", "label"])
                         ])) : B("", !0),
-                        o.fields.tls_verify_enabled ? (S(), U("div", ol, [
+                        o.fields.tls_verify_enabled ? (S(), U("div", il, [
                           u(L, {
                             modelValue: o.fields.tls_verify_value,
                             "onUpdate:modelValue": d[23] || (d[23] = (m) => o.fields.tls_verify_value = m),
@@ -1414,7 +1414,7 @@ const me = {
       ]);
     };
   }
-}), xl = /* @__PURE__ */ je(il, [["__scopeId", "data-v-c2c5e1f0"]]), rl = { class: "kong-ui-gateway-service-entity-config-card" }, Tl = /* @__PURE__ */ Le({
+}), Rl = /* @__PURE__ */ je(rl, [["__scopeId", "data-v-c2c5e1f0"]]), sl = { class: "kong-ui-gateway-service-entity-config-card" }, Tl = /* @__PURE__ */ Le({
   __name: "GatewayServiceConfigCard",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -1490,7 +1490,7 @@ const me = {
         tooltip: y("gateway_services.form.fields.client_certificate.tooltip")
       },
       ca_certificates: {
-        type: kt.BadgeTag,
+        type: Vt.BadgeTag,
         label: y("gateway_services.form.fields.ca_certificates.label"),
         order: 6
       },
@@ -1501,8 +1501,8 @@ const me = {
         hidden: !0
       }
     });
-    return (r, D) => (S(), U("div", rl, [
-      u(l(Vt), {
+    return (r, D) => (S(), U("div", sl, [
+      u(l(Ct), {
         config: n.config,
         "config-card-doc": n.configCardDoc,
         "config-schema": Q.value,
@@ -1566,7 +1566,7 @@ const me = {
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
 const Je = () => {
 };
-function sl(n, K) {
+function al(n, K) {
   function y(...p) {
     return new Promise((s, b) => {
       Promise.resolve(n(() => K.apply(this, p), { fn: K, thisArg: this, args: p })).then(s).catch(b);
@@ -1574,7 +1574,7 @@ function sl(n, K) {
   }
   return y;
 }
-function al(n, K = {}) {
+function nl(n, K = {}) {
   let y, p, s = Je;
   const b = (r) => {
     clearTimeout(r), s(), s = Je;
@@ -1592,8 +1592,8 @@ function al(n, K = {}) {
   };
 }
 function qe(n, K = 200, y = {}) {
-  return sl(
-    al(K, y),
+  return al(
+    nl(K, y),
     n
   );
 }
@@ -1610,34 +1610,34 @@ const le = {
   client_certificate: null,
   write_timeout: 6e4,
   port: 443
-}, nl = { class: "kong-ui-entities-gateway-service-form" }, cl = {
+}, cl = { class: "kong-ui-entities-gateway-service-form" }, ul = {
   key: 0,
   class: "gateway-service-form-general-info"
-}, ul = { class: "gateway-service-form-group-selection-wrapper" }, dl = {
+}, dl = { class: "gateway-service-form-group-selection-wrapper" }, fl = {
   key: 0,
   class: "gateway-service-form-group-fields"
-}, fl = {
+}, pl = {
   key: 0,
   class: "gateway-service-form-group-fields"
-}, pl = { key: 0 }, ml = {
+}, ml = { key: 0 }, vl = {
   key: 0,
   class: "gateway-service-form-advanced-fields"
-}, vl = { class: "gateway-service-form-margin-bottom" }, gl = { class: "gateway-service-form-margin-bottom" }, yl = { class: "gateway-service-form-margin-bottom" }, _l = { class: "gateway-service-form-margin-bottom" }, bl = {
+}, gl = { class: "gateway-service-form-margin-bottom" }, yl = { class: "gateway-service-form-margin-bottom" }, _l = { class: "gateway-service-form-margin-bottom" }, bl = { class: "gateway-service-form-margin-bottom" }, hl = {
   key: 0,
   class: "gateway-service-form-margin-bottom"
-}, hl = {
+}, wl = {
   key: 1,
   class: "gateway-service-form-margin-bottom"
-}, wl = {
+}, kl = {
   key: 2,
   class: "gateway-service-form-margin-bottom"
-}, kl = {
+}, Vl = {
   key: 0,
   class: "checkbox-aligned-radio"
-}, Vl = {
+}, Cl = {
   key: 1,
   class: "checkbox-aligned-radio"
-}, Cl = { class: "gateway-service-form-tags" }, Sl = { class: "form-error-list" }, Il = /* @__PURE__ */ Le({
+}, Sl = { class: "gateway-service-form-tags" }, Il = { class: "form-error-list" }, Pl = /* @__PURE__ */ Le({
   __name: "GatewayServiceForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -1810,8 +1810,8 @@ const le = {
           e.fields.path = t.pathname;
           const $ = we(t.port);
           if ($) throw new Error($);
-          const R = Number(t.port);
-          Ie.value = !!R, e.fields.port = R || re.getPortFromProtocol(e.fields.protocol), p("url-valid:success");
+          const T = Number(t.port);
+          Ie.value = !!T, e.fields.port = T || re.getPortFromProtocol(e.fields.protocol), p("url-valid:success");
         } catch {
           p("url-valid:error", r("gateway_services.form.errors.url.invalid")), e.formFieldErrors.url = r("gateway_services.form.errors.url.invalid");
         }
@@ -1858,7 +1858,7 @@ const le = {
         return !0;
       const t = ["https", "wss", "tls"].includes(e.fields.protocol);
       return w.value === "protocol" && t;
-    }), T = (t) => {
+    }), R = (t) => {
       Z("name"), ye.value = ie.utf8Name(t);
     }, c = k(() => {
       const t = !o.value || !x(e.fields, A), a = w.value === "url" && !!e.fields.url && te.value, F = w.value === "protocol" && !!e.fields.host && te.value;
@@ -1883,7 +1883,7 @@ const le = {
       var a, F, j, $;
       const t = {
         name: e.fields.name || null,
-        tags: e.fields.tags ? (j = (F = (a = e.fields.tags) == null ? void 0 : a.split(",")) == null ? void 0 : F.map((R) => String(R || "").trim())) == null ? void 0 : j.filter((R) => R !== "") : null,
+        tags: e.fields.tags ? (j = (F = (a = e.fields.tags) == null ? void 0 : a.split(",")) == null ? void 0 : F.map((T) => String(T || "").trim())) == null ? void 0 : j.filter((T) => T !== "") : null,
         protocol: e.fields.protocol,
         path: e.fields.path || null,
         read_timeout: e.fields.read_timeout,
@@ -1892,7 +1892,7 @@ const le = {
         connect_timeout: e.fields.connect_timeout,
         tls_verify_value: e.fields.tls_verify_value,
         tls_verify_enabled: e.fields.tls_verify_enabled,
-        ca_certificates: e.fields.ca_certificates ? ($ = e.fields.ca_certificates) == null ? void 0 : $.split(",").filter((R) => R !== "") : null,
+        ca_certificates: e.fields.ca_certificates ? ($ = e.fields.ca_certificates) == null ? void 0 : $.split(",").filter((T) => T !== "") : null,
         client_certificate: e.fields.client_certificate ? { id: e.fields.client_certificate } : null,
         write_timeout: e.fields.write_timeout,
         port: e.fields.port,
@@ -1905,15 +1905,15 @@ const le = {
         e.isReadonly = !0, ae();
         const $ = N.value;
         fe($);
-        let R;
-        if (await P.post(C.value, $), z.value === "create" ? R = await P.post(W.value, $) : z.value === "edit" && (R = ((t = s.config) == null ? void 0 : t.app) === "konnect" ? await P.put(W.value, $) : await P.patch(W.value, $)), R) {
-          const { data: f } = R;
-          e.fields.name = (f == null ? void 0 : f.name) || "", e.fields.port = f.port || re.getPortFromProtocol(f.protocol), e.fields.protocol = (f == null ? void 0 : f.protocol) || "http", e.fields.host = (f == null ? void 0 : f.host) || "", e.fields.path = (f == null ? void 0 : f.path) || "", e.fields.url = (f == null ? void 0 : f.url) || "", e.fields.retries = f != null && f.retries || (f == null ? void 0 : f.retries) === 0 ? f == null ? void 0 : f.retries : 5, e.fields.connect_timeout = f != null && f.connect_timeout || (f == null ? void 0 : f.connect_timeout) === 0 ? f == null ? void 0 : f.connect_timeout : 6e4, e.fields.write_timeout = f != null && f.write_timeout || (f == null ? void 0 : f.write_timeout) === 0 ? f == null ? void 0 : f.write_timeout : 6e4, e.fields.read_timeout = f != null && f.read_timeout || (f == null ? void 0 : f.read_timeout) === 0 ? f == null ? void 0 : f.read_timeout : 6e4, e.fields.client_certificate = ((a = f == null ? void 0 : f.client_certificate) == null ? void 0 : a.id) || "", e.fields.ca_certificates = (F = f == null ? void 0 : f.ca_certificates) != null && F.length ? f == null ? void 0 : f.ca_certificates.join(",") : "", e.fields.tls_verify_enabled = (f == null ? void 0 : f.tls_verify) !== "" && (f == null ? void 0 : f.tls_verify) !== null && (f == null ? void 0 : f.tls_verify) !== void 0, e.fields.tls_verify_value = e.fields.tls_verify_enabled && (f == null ? void 0 : f.tls_verify), e.fields.tags = (j = f == null ? void 0 : f.tags) != null && j.length ? f.tags.join(", ") : "", Object.assign(A, e.fields), p("update", R == null ? void 0 : R.data);
+        let T;
+        if (await P.post(C.value, $), z.value === "create" ? T = await P.post(W.value, $) : z.value === "edit" && (T = ((t = s.config) == null ? void 0 : t.app) === "konnect" ? await P.put(W.value, $) : await P.patch(W.value, $)), T) {
+          const { data: f } = T;
+          e.fields.name = (f == null ? void 0 : f.name) || "", e.fields.port = f.port || re.getPortFromProtocol(f.protocol), e.fields.protocol = (f == null ? void 0 : f.protocol) || "http", e.fields.host = (f == null ? void 0 : f.host) || "", e.fields.path = (f == null ? void 0 : f.path) || "", e.fields.url = (f == null ? void 0 : f.url) || "", e.fields.retries = f != null && f.retries || (f == null ? void 0 : f.retries) === 0 ? f == null ? void 0 : f.retries : 5, e.fields.connect_timeout = f != null && f.connect_timeout || (f == null ? void 0 : f.connect_timeout) === 0 ? f == null ? void 0 : f.connect_timeout : 6e4, e.fields.write_timeout = f != null && f.write_timeout || (f == null ? void 0 : f.write_timeout) === 0 ? f == null ? void 0 : f.write_timeout : 6e4, e.fields.read_timeout = f != null && f.read_timeout || (f == null ? void 0 : f.read_timeout) === 0 ? f == null ? void 0 : f.read_timeout : 6e4, e.fields.client_certificate = ((a = f == null ? void 0 : f.client_certificate) == null ? void 0 : a.id) || "", e.fields.ca_certificates = (F = f == null ? void 0 : f.ca_certificates) != null && F.length ? f == null ? void 0 : f.ca_certificates.join(",") : "", e.fields.tls_verify_enabled = (f == null ? void 0 : f.tls_verify) !== "" && (f == null ? void 0 : f.tls_verify) !== null && (f == null ? void 0 : f.tls_verify) !== void 0, e.fields.tls_verify_value = e.fields.tls_verify_enabled && (f == null ? void 0 : f.tls_verify), e.fields.tags = (j = f == null ? void 0 : f.tags) != null && j.length ? f.tags.join(", ") : "", Object.assign(A, e.fields), p("update", T == null ? void 0 : T.data);
         }
-        return R;
+        return T;
       } catch ($) {
-        const { fields: R, messages: f } = D($);
-        e.errorMessages = f, R.length && R.forEach((he) => {
+        const { fields: T, messages: f } = D($);
+        e.errorMessages = f, T.length && T.forEach((he) => {
           const Se = he.field;
           Se === "client_certificate.id" ? e.formFieldErrors.client_certificate = he.message : Se.startsWith("ca_certificates") ? e.formFieldErrors.ca_certificates = he.message : Object.keys(e.formFieldErrors).includes(Se) && (e.formFieldErrors = {
             ...e.formFieldErrors,
@@ -1937,8 +1937,8 @@ const le = {
       canSubmit: c,
       initForm: g
     }), (t, a) => {
-      const F = G("KRadio"), j = G("KButton"), $ = G("KInput"), R = G("KSelect"), f = G("KCheckbox"), he = G("KCollapse"), Se = G("KAlert");
-      return S(), U("div", nl, [
+      const F = G("KRadio"), j = G("KButton"), $ = G("KInput"), T = G("KSelect"), f = G("KCheckbox"), he = G("KCollapse"), Se = G("KAlert");
+      return S(), U("div", cl, [
         u(l(lt), {
           "can-submit": c.value,
           config: n.config,
@@ -1967,8 +1967,8 @@ const le = {
               title: l(r)("gateway_services.form.sections.keys.title")
             }, {
               default: v(() => [
-                o.value ? B("", !0) : (S(), U("div", cl, [
-                  I("div", ul, [
+                o.value ? B("", !0) : (S(), U("div", ul, [
+                  I("div", dl, [
                     u(F, {
                       modelValue: w.value,
                       "onUpdate:modelValue": a[0] || (a[0] = (_) => w.value = _),
@@ -1995,7 +1995,7 @@ const le = {
                   ]),
                   u(De, { name: "slide-fade" }, {
                     default: v(() => [
-                      w.value === "url" ? (S(), U("div", dl, [
+                      w.value === "url" ? (S(), U("div", fl, [
                         u($, {
                           modelValue: e.fields.url,
                           "onUpdate:modelValue": a[2] || (a[2] = (_) => e.fields.url = _),
@@ -2013,7 +2013,7 @@ const le = {
                           placeholder: l(r)("gateway_services.form.fields.upstream_url.placeholder"),
                           required: "",
                           onInput: l(_e)
-                        }, Re({ _: 2 }, [
+                        }, Te({ _: 2 }, [
                           n.hideTrySampleApiButton ? void 0 : {
                             name: "after",
                             fn: v(() => [
@@ -2038,8 +2038,8 @@ const le = {
                 ])),
                 u(De, { name: "slide-fade" }, {
                   default: v(() => [
-                    w.value === "protocol" || o.value ? (S(), U("div", fl, [
-                      u(R, {
+                    w.value === "protocol" || o.value ? (S(), U("div", pl, [
+                      u(T, {
                         modelValue: e.fields.protocol,
                         "onUpdate:modelValue": a[3] || (a[3] = (_) => e.fields.protocol = _),
                         "data-testid": "gateway-service-protocol-select",
@@ -2071,7 +2071,7 @@ const le = {
                         placeholder: l(r)("gateway_services.form.fields.host.placeholder"),
                         required: "",
                         onInput: a[6] || (a[6] = (_) => l(H)("host"))
-                      }, Re({ _: 2 }, [
+                      }, Te({ _: 2 }, [
                         n.hideTrySampleApiButton ? void 0 : {
                           name: "after",
                           fn: v(() => [
@@ -2089,7 +2089,7 @@ const le = {
                           key: "0"
                         }
                       ]), 1032, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder"]),
-                      d.value ? (S(), U("div", pl, [
+                      d.value ? (S(), U("div", ml, [
                         u($, {
                           modelValue: e.fields.path,
                           "onUpdate:modelValue": a[7] || (a[7] = (_) => e.fields.path = _),
@@ -2143,8 +2143,8 @@ const le = {
                   default: v(() => [
                     u(De, { name: "slide-fade" }, {
                       default: v(() => [
-                        b.value ? B("", !0) : (S(), U("div", ml, [
-                          I("div", vl, [
+                        b.value ? B("", !0) : (S(), U("div", vl, [
+                          I("div", gl, [
                             u($, {
                               modelValue: e.fields.retries,
                               "onUpdate:modelValue": [
@@ -2165,7 +2165,7 @@ const le = {
                               type: "number"
                             }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                           ]),
-                          I("div", gl, [
+                          I("div", yl, [
                             u($, {
                               modelValue: e.fields.connect_timeout,
                               "onUpdate:modelValue": [
@@ -2186,7 +2186,7 @@ const le = {
                               type: "number"
                             }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                           ]),
-                          I("div", yl, [
+                          I("div", _l, [
                             u($, {
                               modelValue: e.fields.write_timeout,
                               "onUpdate:modelValue": [
@@ -2207,7 +2207,7 @@ const le = {
                               type: "number"
                             }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                           ]),
-                          I("div", _l, [
+                          I("div", bl, [
                             u($, {
                               modelValue: e.fields.read_timeout,
                               "onUpdate:modelValue": [
@@ -2228,7 +2228,7 @@ const le = {
                               type: "number"
                             }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                           ]),
-                          V.value ? (S(), U("div", bl, [
+                          V.value ? (S(), U("div", hl, [
                             u($, {
                               modelValue: e.fields.client_certificate,
                               "onUpdate:modelValue": a[20] || (a[20] = (_) => e.fields.client_certificate = _),
@@ -2248,7 +2248,7 @@ const le = {
                               onInput: a[21] || (a[21] = (_) => l(be)("client_certificate"))
                             }, null, 8, ["modelValue", "error", "label", "label-attributes", "placeholder", "readonly"])
                           ])) : B("", !0),
-                          X.value ? (S(), U("div", hl, [
+                          X.value ? (S(), U("div", wl, [
                             u($, {
                               modelValue: e.fields.ca_certificates,
                               "onUpdate:modelValue": a[22] || (a[22] = (_) => e.fields.ca_certificates = _),
@@ -2280,7 +2280,7 @@ const le = {
                               _: 1
                             }, 8, ["modelValue", "error", "label", "placeholder", "readonly"])
                           ])) : B("", !0),
-                          L.value ? (S(), U("div", wl, [
+                          L.value ? (S(), U("div", kl, [
                             u(f, {
                               modelValue: e.fields.tls_verify_enabled,
                               "onUpdate:modelValue": a[24] || (a[24] = (_) => e.fields.tls_verify_enabled = _),
@@ -2302,7 +2302,7 @@ const le = {
                               ]),
                               _: 1
                             }, 8, ["modelValue", "description", "label"]),
-                            e.fields.tls_verify_enabled ? (S(), U("div", kl, [
+                            e.fields.tls_verify_enabled ? (S(), U("div", Vl, [
                               u(F, {
                                 modelValue: e.fields.tls_verify_value,
                                 "onUpdate:modelValue": a[25] || (a[25] = (_) => e.fields.tls_verify_value = _),
@@ -2311,7 +2311,7 @@ const le = {
                                 "selected-value": !0
                               }, null, 8, ["modelValue", "label"])
                             ])) : B("", !0),
-                            e.fields.tls_verify_enabled ? (S(), U("div", Vl, [
+                            e.fields.tls_verify_enabled ? (S(), U("div", Cl, [
                               u(F, {
                                 modelValue: e.fields.tls_verify_value,
                                 "onUpdate:modelValue": a[26] || (a[26] = (_) => e.fields.tls_verify_value = _),
@@ -2354,7 +2354,7 @@ const le = {
                   placeholder: l(r)("gateway_services.form.fields.name.placeholder"),
                   readonly: e.isReadonly,
                   type: "text",
-                  onInput: T
+                  onInput: R
                 }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder", "readonly"]),
                 u(he, {
                   "data-testid": "tags-collapse",
@@ -2362,7 +2362,7 @@ const le = {
                   "trigger-label": l(r)("gateway_services.form.fields.tags.collapse")
                 }, {
                   default: v(() => [
-                    I("div", Cl, [
+                    I("div", Sl, [
                       u($, {
                         modelValue: e.fields.tags,
                         "onUpdate:modelValue": a[29] || (a[29] = (_) => e.fields.tags = _),
@@ -2392,8 +2392,8 @@ const le = {
               appearance: "danger"
             }, {
               default: v(() => [
-                I("ul", Sl, [
-                  (S(!0), U(rt, null, st(e.errorMessages, (_) => (S(), U("li", { key: _ }, E(_), 1))), 128))
+                I("ul", Il, [
+                  (S(!0), U(st, null, at(e.errorMessages, (_) => (S(), U("li", { key: _ }, E(_), 1))), 128))
                 ])
               ]),
               _: 1
@@ -2404,10 +2404,10 @@ const le = {
       ]);
     };
   }
-}), Rl = /* @__PURE__ */ je(Il, [["__scopeId", "data-v-1e0946bb"]]);
+}), Ml = /* @__PURE__ */ je(Pl, [["__scopeId", "data-v-1e0946bb"]]);
 export {
   Tl as GatewayServiceConfigCard,
-  Rl as GatewayServiceForm,
-  Al as GatewayServiceList,
-  xl as LegacyGatewayServiceForm
+  Ml as GatewayServiceForm,
+  xl as GatewayServiceList,
+  Rl as LegacyGatewayServiceForm
 };