@kong-ui-public/entities-shared 3.30.1 → 3.30.2-pr.2484.4c241d5fa.0

package/dist/entities-shared.es.js

@@ -1,10 +1,10 @@
-import { inject as jt, ref as R, computed as E, unref as T, toValue as me, watch as ve, toRef as qn, provide as Dt, defineComponent as J, createBlock as N, openBlock as m, resolveDynamicComponent as je, normalizeClass as de, withCtx as w, createElementBlock as $, createCommentVNode as K, createElementVNode as O, toDisplayString as F, Fragment as ce, renderList as se, resolveComponent as D, createVNode as M, createTextVNode as U, useCssVars as Pt, useId as Hn, useSlots as De, renderSlot as j, createSlots as _e, normalizeProps as Vn, guardReactiveProps as Yn, mergeProps as Wn, onMounted as tt, onBeforeMount as nt, withModifiers as Le, Teleport as Ut, onUnmounted as Jn, withDirectives as be, vShow as xe, withKeys as Gn, warn as zn } from "vue";
+import { inject as jt, ref as R, computed as E, unref as T, toValue as me, watch as ve, toRef as qn, provide as Dt, defineComponent as J, createBlock as N, openBlock as m, resolveDynamicComponent as je, normalizeClass as de, withCtx as _, createElementBlock as $, createCommentVNode as K, createElementVNode as O, toDisplayString as F, Fragment as ce, renderList as se, resolveComponent as D, createVNode as M, createTextVNode as U, useCssVars as Pt, useId as Hn, useSlots as De, renderSlot as j, createSlots as _e, normalizeProps as Vn, guardReactiveProps as Yn, mergeProps as Wn, onMounted as tt, onBeforeMount as nt, withModifiers as Le, Teleport as Ut, onUnmounted as Jn, withDirectives as be, vShow as xe, withKeys as Gn, warn as zn } from "vue";
 import ft from "axios";
 import { createI18n as Qn, i18nTComponent as Zn } from "@kong-ui-public/i18n";
 import { BadgeMethodAppearances as Xn, KButton as pt, KTruncate as ei, KBadge as ti } from "@kong/kongponents";
 import { BookIcon as qt, AddIcon as Ht, CloseIcon as ni, ChevronDownIcon as ii, CopyIcon as ri } from "@kong/icons";
 import { useRouter as ai } from "vue-router";
-var oi = /* @__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.Secret = "secret", e.RedisConfiguration = "redis configuration", e))(oi || {}), li = /* @__PURE__ */ ((e) => (e.Edit = "edit", e.Create = "create", e))(li || {}), pe = /* @__PURE__ */ ((e) => (e[e.InitialLoad = 0] = "InitialLoad", e[e.Loading = 1] = "Loading", e[e.Idle = 2] = "Idle", e[e.NoResults = 3] = "NoResults", e[e.NoRecords = 4] = "NoRecords", e[e.Error = 5] = "Error", e))(pe || {}), it = /* @__PURE__ */ ((e) => (e.CaCertificate = "ca_certificate", e.Certificate = "certificate", e.Consumer = "consumer", e.ConsumerGroup = "consumer_group", e.GatewayService = "service", e.Key = "key", e.KeySet = "set", e.Plugin = "plugin", e.Route = "route", e.SNI = "sni", e.Upstream = "upstream", e.Target = "target", e.Vault = "vault", e.RedisConfiguration = "redis_configuration", e.BackendCluster = "backend_cluster", e.VirtualCluster = "virtual_cluster", e.Listener = "listener", e.Policy = "policy", e.Other = "other", e))(it || {});
+var oi = /* @__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.Secret = "secret", e.RedisConfiguration = "redis configuration", e))(oi || {}), li = /* @__PURE__ */ ((e) => (e.Edit = "edit", e.Create = "create", e))(li || {}), pe = /* @__PURE__ */ ((e) => (e[e.InitialLoad = 0] = "InitialLoad", e[e.Loading = 1] = "Loading", e[e.Idle = 2] = "Idle", e[e.NoResults = 3] = "NoResults", e[e.NoRecords = 4] = "NoRecords", e[e.Error = 5] = "Error", e))(pe || {}), it = /* @__PURE__ */ ((e) => (e.CaCertificate = "ca_certificate", e.Certificate = "certificate", e.Consumer = "consumer", e.ConsumerGroup = "consumer_group", e.GatewayService = "service", e.Key = "key", e.KeySet = "set", e.Plugin = "plugin", e.Route = "route", e.SNI = "sni", e.Upstream = "upstream", e.Target = "target", e.Vault = "vault", e.Partial = "partial", e.BackendCluster = "backend_cluster", e.VirtualCluster = "virtual_cluster", e.Listener = "listener", e.Policy = "policy", e.Other = "other", e))(it || {});
 const Pe = Object.values(it);
 var V = /* @__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.CopyBadge = "copy-badge", e.BadgeStatus = "badge-status", e.BadgeMethod = "badge-method", e.LinkInternal = "link-internal", e.LinkExternal = "link-external", e))(V || {}), le = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Advanced = "advanced", e.Plugin = "plugin", e))(le || {});
 const mt = [
@@ -284,20 +284,20 @@ function wi(e, t, n, i = {
       if (p.value === void 0)
         try {
           if (s.value = !0, c.value = "", d.value = "", e.app === "konnect") {
-            const _ = `${y.value}/${L}`, { data: f } = await r.get(`${_}?size=${n}`);
+            const w = `${y.value}/${L}`, { data: f } = await r.get(`${w}?size=${n}`);
             i.fetchedItemsKey in f ? u.value = f[i.fetchedItemsKey] : f != null && f[i.exactMatchKey ?? "id"] ? u.value = [f] : u.value = [];
           } else {
-            const _ = [];
-            v(L) && i.searchKeys.includes("id") ? _.push((async () => {
+            const w = [];
+            v(L) && i.searchKeys.includes("id") ? w.push((async () => {
               const { data: C } = await r.get(`${y.value}/${L}`);
               return [C[i.fetchedItemsKey] ?? C];
-            })()) : _.push(
+            })()) : w.push(
               ...i.searchKeys.filter((C) => C !== "id").map(async (C) => {
                 const { data: k } = await r.get(`${y.value}?${C}=${L}`);
                 return k[i.fetchedItemsKey];
               })
             );
-            const f = await Promise.all(_), h = /* @__PURE__ */ new Set();
+            const f = await Promise.all(w), h = /* @__PURE__ */ new Set();
             u.value = [], (q = f == null ? void 0 : f.forEach) == null || q.call(f, (C) => {
               var k;
               (k = C == null ? void 0 : C.forEach) == null || k.call(C, (H) => {
@@ -305,17 +305,17 @@ function wi(e, t, n, i = {
               });
             });
           }
-        } catch (_) {
-          ((ne = _ == null ? void 0 : _.response) == null ? void 0 : ne.status) === 404 ? d.value = o("debouncedFilter.errors.invalid") : (u.value = [], c.value = o("debouncedFilter.errors.fetch"));
+        } catch (w) {
+          ((ne = w == null ? void 0 : w.response) == null ? void 0 : ne.status) === 404 ? d.value = o("debouncedFilter.errors.invalid") : (u.value = [], c.value = o("debouncedFilter.errors.fetch"));
         } finally {
           s.value = !1;
         }
       else
-        s.value = !0, d.value = "", u.value = (A = p.value) == null ? void 0 : A.filter((_) => {
+        s.value = !0, d.value = "", u.value = (A = p.value) == null ? void 0 : A.filter((w) => {
           var h;
           let f = !1;
           for (const C of i.searchKeys) {
-            const k = typeof _[C] == "string" ? (h = _[C]) == null ? void 0 : h.toLowerCase() : _[C];
+            const k = typeof w[C] == "string" ? (h = w[C]) == null ? void 0 : h.toLowerCase() : w[C];
             k != null && k.includes(L.toLowerCase()) && (f = !0);
           }
           return f;
@@ -645,7 +645,7 @@ const Y = {
     return (s, c) => (m(), N(je(e.isArrayItem ? "fieldset" : "div"), {
       class: de(e.isArrayItem ? "config-card-fieldset" : "config-card-json-item")
     }, {
-      default: w(() => [
+      default: _(() => [
         e.isArrayItem ? (m(), $("legend", Pi, [
           O("b", null, F(l.value), 1)
         ])) : K("", !0),
@@ -685,7 +685,7 @@ const Y = {
           class: "navigation-button",
           onClick: i[0] || (i[0] = (o) => n.$emit("navigation-click", e.item))
         }, {
-          default: w(() => [
+          default: _(() => [
             U(F(e.item.value || T(t)("baseConfigCard.commonFields.link")), 1)
           ]),
           _: 1
@@ -708,7 +708,7 @@ const Y = {
       return m(), N(r, {
         appearance: e.status ? "success" : "neutral"
       }, {
-        default: w(() => [
+        default: _(() => [
           U(F(e.status ? T(t)("baseConfigCard.statusBadge.enabledLabel") : T(t)("baseConfigCard.statusBadge.disabledLabel")), 1)
         ]),
         _: 1
@@ -880,19 +880,19 @@ const Y = {
       }
     }), b = R(), S = R(), { isTruncated: x } = Y.useTruncationDetector(b), { isTruncated: L } = Y.useTruncationDetector(S);
     return (q, ne) => {
-      const A = D("KTooltip"), _ = D("KLabel"), f = D("KBadge"), h = D("KCopy");
+      const A = D("KTooltip"), w = D("KLabel"), f = D("KBadge"), h = D("KCopy");
       return m(), $("div", Xi, [
         O("div", {
           class: "config-card-details-label",
           "data-testid": `${e.item.key}-label`
         }, [
           j(q.$slots, "label", { item: e.item }, () => [
-            M(_, { "tooltip-attributes": { maxWidth: "500px" } }, _e({
-              default: w(() => [
+            M(w, { "tooltip-attributes": { maxWidth: "500px" } }, _e({
+              default: _(() => [
                 M(A, {
                   text: T(x) ? e.item.label : ""
                 }, {
-                  default: w(() => [
+                  default: _(() => [
                     O("span", {
                       ref_key: "labelContent",
                       ref: b,
@@ -906,7 +906,7 @@ const Y = {
             }, [
               d.value ? {
                 name: "tooltip",
-                fn: w(() => [
+                fn: _(() => [
                   O("div", {
                     "data-testid": `${e.item.key}-label-tooltip`
                   }, [
@@ -929,7 +929,7 @@ const Y = {
           }, () => [
             c.value ? (m(), $("div", rr, [
               (m(), N(je(v.value.tag), Vn(Yn(v.value.attrs)), {
-                default: w(() => [
+                default: _(() => [
                   v.value.additionalComponent === "KBadge" ? (m(), $("div", {
                     key: 0,
                     "data-testid": `${e.item.key}-badge-tags`
@@ -941,7 +941,7 @@ const Y = {
                       tooltip: C,
                       "truncation-tooltip": ""
                     }, {
-                      default: w(() => [
+                      default: _(() => [
                         U(F(C), 1)
                       ]),
                       _: 2
@@ -967,7 +967,7 @@ const Y = {
                       class: "config-badge",
                       "data-testid": `${e.item.key}-badge-method-${k}`
                     }, {
-                      default: w(() => [
+                      default: _(() => [
                         U(F(C), 1)
                       ]),
                       _: 2
@@ -986,7 +986,7 @@ const Y = {
                     key: 4,
                     text: T(L) ? e.item.value : ""
                   }, {
-                    default: w(() => [
+                    default: _(() => [
                       O("span", {
                         ref_key: "textContent",
                         ref: S,
@@ -1055,7 +1055,7 @@ const Y = {
           M(a, {
             appearance: t.requestMethod
           }, {
-            default: w(() => [
+            default: _(() => [
               U(F(t.requestMethod), 1)
             ]),
             _: 1
@@ -2611,10 +2611,10 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
             key: c.key,
             item: c
           }, _e({
-            label: w(() => [
+            label: _(() => [
               j(a.$slots, `${c.key}-label`, { row: c }, void 0, !0)
             ]),
-            [c.key]: w(({ rowValue: d }) => [
+            [c.key]: _(({ rowValue: d }) => [
               j(a.$slots, c.key, {
                 row: c,
                 rowValue: d
@@ -2624,7 +2624,7 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
           }, [
             r(c) ? {
               name: "label-tooltip",
-              fn: w(() => [
+              fn: _(() => [
                 j(a.$slots, `${c.key}-label-tooltip`, { row: c }, void 0, !0)
               ]),
               key: "0"
@@ -2756,10 +2756,10 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
   },
   emits: ["loading", "fetch:success", "fetch:error"],
   setup(e, { emit: t }) {
-    var _;
+    var w;
     const n = t, i = e, { i18n: { t: r } } = Y.useI18n(), { getMessageFromError: o } = Y.useErrors(), { convertKeyToTitle: a } = Y.useStringHelpers();
     Y.useSubSchema(i.pluginConfigKey);
-    const { axiosInstance: l } = Y.useAxios((_ = i.config) == null ? void 0 : _.axiosRequestConfig), s = [
+    const { axiosInstance: l } = Y.useAxios((w = i.config) == null ? void 0 : w.axiosRequestConfig), s = [
       {
         label: r("baseConfigCard.general.structuredFormat"),
         value: "structured",
@@ -2924,14 +2924,14 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
         class: "kong-ui-entity-base-config-card",
         "title-tag": e.titleTag
       }, _e({
-        actions: w(() => [
+        actions: _(() => [
           O("div", Uo, [
             j(f.$slots, "actions", {}, void 0, !0),
             M(C, {
               class: "config-format-select-label",
               "data-testid": "config-format-select-label"
             }, {
-              default: w(() => [
+              default: _(() => [
                 U(F(e.label), 1)
               ]),
               _: 1
@@ -2949,7 +2949,7 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
               class: "book-icon",
               "data-testid": "book-icon"
             }, {
-              default: w(() => [
+              default: _(() => [
                 O("a", {
                   href: e.configCardDoc,
                   rel: "noopener",
@@ -2962,7 +2962,7 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
             })) : K("", !0)
           ])
         ]),
-        default: w(() => [
+        default: _(() => [
           y.value ? (m(), N(P, {
             key: 0,
             "data-testid": "config-card-loader",
@@ -2973,7 +2973,7 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
             "data-testid": "config-card-fetch-error",
             "icon-variant": "error"
           }, {
-            default: w(() => [
+            default: _(() => [
               O("h3", null, F(b.value), 1)
             ]),
             _: 1
@@ -2991,7 +2991,7 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
             }, _e({ _: 2 }, [
               se(Object.keys(f.$slots), (W) => ({
                 name: W,
-                fn: w(({ row: Z, rowValue: Oe }) => [
+                fn: _(({ row: Z, rowValue: Oe }) => [
                   j(f.$slots, W, {
                     row: Z,
                     rowValue: Oe
@@ -3005,7 +3005,7 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
       }, [
         e.hideTitle ? void 0 : {
           name: "title",
-          fn: w(() => [
+          fn: _(() => [
             O("span", Po, [
               j(f.$slots, "title", {}, () => [
                 U(F(T(r)("baseConfigCard.title")), 1)
@@ -3130,13 +3130,13 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
       default: void 0
     }
   },
-  emits: ["loading", "fetch:success", "fetch:error", "submit", "cancel"],
+  emits: ["loading", "fetch:success", "fetch:error", "submit", "cancel", "codeBlockTabChange"],
   setup(e, { expose: t, emit: n }) {
     var ne;
     const i = n, r = e, o = ai(), { i18n: { t: a } } = Y.useI18n(), { getMessageFromError: l } = Y.useErrors(), { axiosInstance: s } = Y.useAxios((ne = r.config) == null ? void 0 : ne.axiosRequestConfig), c = R(!1), d = E(() => !!r.editId), u = R(!1), g = R(""), p = E(() => r.canSubmit === !1 || r.isReadonly), y = R(!1), v = E(() => {
-      var _, f;
+      var w, f;
       let A = `${r.config.apiBaseUrl}${r.fetchUrl}`;
-      return r.config.app === "konnect" ? A = A.replace(/{controlPlaneId}/gi, ((_ = r.config) == null ? void 0 : _.controlPlaneId) || "") : r.config.app === "kongManager" && (A = A.replace(/\/{workspace}/gi, (f = r.config) != null && f.workspace ? `/${r.config.workspace}` : "")), r.editId ? (A = A.replace(/{id}/gi, r.editId), A) : (A = A.replace(/\/{id}/gi, ""), A);
+      return r.config.app === "konnect" ? A = A.replace(/{controlPlaneId}/gi, ((w = r.config) == null ? void 0 : w.controlPlaneId) || "") : r.config.app === "kongManager" && (A = A.replace(/\/{workspace}/gi, (f = r.config) != null && f.workspace ? `/${r.config.workspace}` : "")), r.editId ? (A = A.replace(/{id}/gi, r.editId), A) : (A = A.replace(/\/{id}/gi, ""), A);
     }), b = () => {
       y.value = !y.value;
     }, S = () => {
@@ -3167,8 +3167,8 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
           const { data: A } = await s.get(v.value);
           i("fetch:success", A);
         } catch (A) {
-          const _ = l(A);
-          g.value = _.startsWith("code") ? a("baseForm.errors.edit") : _, u.value = !0, i("fetch:error", A);
+          const w = l(A);
+          g.value = w.startsWith("code") ? a("baseForm.errors.edit") : w, u.value = !0, i("fetch:error", A);
         } finally {
           c.value = !1;
         }
@@ -3176,10 +3176,10 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
       viewConfig: b,
       formCancel: x,
       formSubmit: L
-    }), (A, _) => {
+    }), (A, w) => {
       const f = D("KSkeleton"), h = D("KEmptyState"), C = D("KAlert"), k = D("KButton"), H = D("KTabs"), P = D("KSlideout");
       return m(), N(je(e.wrapperComponent), { class: "kong-ui-entity-base-form" }, {
-        default: w(() => [
+        default: _(() => [
           c.value ? (m(), N(f, {
             key: 0,
             type: "form"
@@ -3190,7 +3190,7 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
             "icon-variant": "error",
             onClickAction: S
           }, {
-            default: w(() => [
+            default: _(() => [
               O("h3", null, F(g.value), 1)
             ]),
             _: 1
@@ -3221,9 +3221,9 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
                   M(k, {
                     appearance: "tertiary",
                     "data-testid": `${e.entityType}-${d.value ? "edit" : "create"}-form-view-configuration`,
-                    onClick: _[0] || (_[0] = (B) => b())
+                    onClick: w[0] || (w[0] = (B) => b())
                   }, {
-                    default: w(() => [
+                    default: _(() => [
                       U(F(T(a)("baseForm.actions.viewConfiguration")), 1)
                     ]),
                     _: 1
@@ -3233,9 +3233,9 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
                     "data-testid": `${e.entityType}-${d.value ? "edit" : "create"}-form-cancel`,
                     disabled: e.isReadonly,
                     type: "reset",
-                    onClick: _[1] || (_[1] = (B) => !!e.actionTeleportTarget && x())
+                    onClick: w[1] || (w[1] = (B) => !!e.actionTeleportTarget && x())
                   }, {
-                    default: w(() => [
+                    default: _(() => [
                       U(F(e.cancelButtonText ?? T(a)("baseForm.actions.cancel")), 1)
                     ]),
                     _: 1
@@ -3245,9 +3245,9 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
                     "data-testid": `${e.entityType}-${d.value ? "edit" : "create"}-form-submit`,
                     disabled: p.value,
                     type: "submit",
-                    onClick: _[2] || (_[2] = (B) => !!e.actionTeleportTarget && L())
+                    onClick: w[2] || (w[2] = (B) => !!e.actionTeleportTarget && L())
                   }, {
-                    default: w(() => [
+                    default: _(() => [
                       U(F(e.saveButtonText ?? T(a)("baseForm.actions.save")), 1)
                     ]),
                     _: 1
@@ -3263,15 +3263,16 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
             "offset-top": e.slidoutTopOffset,
             title: T(a)("baseForm.configuration.title"),
             visible: y.value,
-            onClose: _[3] || (_[3] = (B) => b())
+            onClose: w[4] || (w[4] = (B) => b())
           }, {
-            default: w(() => [
+            default: _(() => [
               O("div", null, F(T(a)("baseForm.configuration.message")), 1),
               M(H, {
                 "data-testid": "form-view-configuration-slideout-tabs",
-                tabs: q.value
+                tabs: q.value,
+                onChange: w[3] || (w[3] = (B) => i("codeBlockTabChange", B.replace("#", "")))
               }, {
-                json: w(() => [
+                json: _(() => [
                   M(Zt, {
                     config: e.config,
                     "entity-record": r.formFields,
@@ -3279,12 +3280,12 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
                     "request-method": r.editId ? "put" : "post"
                   }, null, 8, ["config", "entity-record", "fetcher-url", "request-method"])
                 ]),
-                yaml: w(() => [
+                yaml: _(() => [
                   M(Pn, {
                     "entity-record": r.formFields
                   }, null, 8, ["entity-record"])
                 ]),
-                terraform: w(() => [
+                terraform: _(() => [
                   M(Un, {
                     "entity-record": r.formFields,
                     "entity-type": e.entityType
@@ -3300,7 +3301,7 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
       });
     };
   }
-}), fs = /* @__PURE__ */ oe(Wo, [["__scopeId", "data-v-4f672e9f"]]), Jo = ["data-truncate"], Go = /* @__PURE__ */ J({
+}), fs = /* @__PURE__ */ oe(Wo, [["__scopeId", "data-v-7c5c8d6b"]]), Jo = ["data-truncate"], Go = /* @__PURE__ */ J({
   __name: "EntityBaseTableCell",
   props: {
     keyName: {
@@ -3374,7 +3375,7 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
             placement: "bottom-start",
             text: v.value ? g.value : ""
           }, {
-            default: w(() => [
+            default: _(() => [
               j(b.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
@@ -3592,7 +3593,7 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
         ...n.initialFetcherParams,
         ...h
       };
-    }), _ = (h) => {
+    }), w = (h) => {
       ne.value = h, l.value.forEach((C) => {
         !("hidable" in C) || !ne.value.columnVisibility || C.hidable === !1 && (ne.value.columnVisibility[C.key] = !0);
       }), a.value && L(a.value, h);
@@ -3608,7 +3609,7 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
         title: e.title,
         "title-tag": e.titleTag
       }, {
-        default: w(() => [
+        default: _(() => [
           M(k, {
             ref_key: "tableRefs",
             ref: c,
@@ -3643,9 +3644,9 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
             "onRow:click": v.value,
             onSort: C[0] || (C[0] = (P) => b(P)),
             onState: g,
-            "onUpdate:tablePreferences": _
+            "onUpdate:tablePreferences": w
           }, _e({
-            toolbar: w(() => [
+            toolbar: _(() => [
               O("div", Qo, [
                 j(h.$slots, "toolbar-filter", {}, void 0, !0),
                 h.$slots["toolbar-button"] ? (m(), $("div", Zo, [
@@ -3653,27 +3654,27 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
                 ])) : K("", !0)
               ])
             ]),
-            "action-items": w(({ row: P }) => [
+            "action-items": _(({ row: P }) => [
               j(h.$slots, "actions", { row: P }, void 0, !0)
             ]),
             _: 2
           }, [
             h.$slots["empty-state"] ? {
               name: "empty-state",
-              fn: w(() => [
+              fn: _(() => [
                 j(h.$slots, "empty-state", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0,
             se(e.tableHeaders, (P, B) => ({
               name: B,
-              fn: w(({ row: Q, rowValue: W }) => [
+              fn: _(({ row: Q, rowValue: W }) => [
                 M(zo, {
                   "key-name": String(B),
                   "row-el": d(Q),
                   tooltip: P.tooltip
                 }, {
-                  default: w(() => [
+                  default: _(() => [
                     j(h.$slots, B, {
                       row: Q,
                       rowKey: e.rowKey,
@@ -3688,7 +3689,7 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
             })),
             e.query ? void 0 : {
               name: "empty-state-action-icon",
-              fn: w(() => [
+              fn: _(() => [
                 M(T(Ht))
               ]),
               key: "1"
@@ -3765,10 +3766,10 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
         onCancel: a,
         onProceed: l
       }, {
-        default: w(() => [
+        default: _(() => [
           e.error ? (m(), $("div", tl, [
             M(d, { appearance: "danger" }, {
-              default: w(() => [
+              default: _(() => [
                 U(F(e.error), 1)
               ]),
               _: 1
@@ -3779,14 +3780,14 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
             keypath: i.entityName ? "deleteModal.messageWithName" : "deleteModal.message",
             tag: "p"
           }, _e({
-            entityType: w(() => [
+            entityType: _(() => [
               U(F(i.entityType), 1)
             ]),
             _: 2
           }, [
             i.entityName ? {
               name: "entityName",
-              fn: w(() => [
+              fn: _(() => [
                 O("strong", null, F(i.entityName), 1)
               ]),
               key: "0"
@@ -3866,23 +3867,23 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
   setup(e, { emit: t }) {
     const { i18n: { t: n } } = Y.useI18n(), i = e, r = t, o = R(!1), a = R({}), l = R(/* @__PURE__ */ new Set()), s = E(() => {
       const A = [];
-      return new URLSearchParams(i.modelValue).forEach((_, f) => {
-        _ !== "" && A.push(f);
+      return new URLSearchParams(i.modelValue).forEach((w, f) => {
+        w !== "" && A.push(f);
       }), A;
     }), c = E(() => {
       const A = i.config.fields;
-      return Object.keys(A).filter((_) => {
+      return Object.keys(A).filter((w) => {
         var f;
-        return (f = A == null ? void 0 : A[_]) == null ? void 0 : f.searchable;
-      }).map((_) => ({
-        label: A[_].label || _,
-        value: _,
+        return (f = A == null ? void 0 : A[w]) == null ? void 0 : f.searchable;
+      }).map((w) => ({
+        label: A[w].label || w,
+        value: w,
         expanded: !1
       }));
     });
     ve(() => i.modelValue, (A) => {
-      a.value = {}, new URLSearchParams(A).forEach((_, f) => {
-        a.value[f] = _;
+      a.value = {}, new URLSearchParams(A).forEach((w, f) => {
+        a.value[f] = w;
       });
     });
     const d = () => {
@@ -3894,11 +3895,11 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
     }, p = () => {
       g("");
     }, y = (A) => `filter-${A}`, v = (A) => {
-      var _, f;
-      return (((f = (_ = i.config.schema) == null ? void 0 : _[A]) == null ? void 0 : f.values) ?? []).map((h) => typeof h == "string" ? { value: h, label: h } : h);
+      var w, f;
+      return (((f = (w = i.config.schema) == null ? void 0 : w[A]) == null ? void 0 : f.values) ?? []).map((h) => typeof h == "string" ? { value: h, label: h } : h);
     }, b = (A) => {
-      var _, f;
-      return ((f = (_ = i.config.schema) == null ? void 0 : _[A]) == null ? void 0 : f.type) ?? "text";
+      var w, f;
+      return ((f = (w = i.config.schema) == null ? void 0 : w[A]) == null ? void 0 : f.type) ?? "text";
     }, S = (A) => {
       a.value = {
         ...a.value,
@@ -3907,17 +3908,17 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
     }, x = () => {
       a.value = {}, L(!0);
     }, L = (A = !1) => {
-      const _ = Object.keys(a.value).reduce((f, h) => (a.value[h] && (f[h] = `${a.value[h]}`), f), {});
-      A && (o.value = !1), r("update:modelValue", new URLSearchParams(_).toString());
+      const w = Object.keys(a.value).reduce((f, h) => (a.value[h] && (f[h] = `${a.value[h]}`), f), {});
+      A && (o.value = !1), r("update:modelValue", new URLSearchParams(w).toString());
     }, q = (A) => {
-      var _, f;
-      return !!((f = (_ = i.config.schema) == null ? void 0 : _[A]) != null && f.filterFunction);
-    }, ne = (A, _) => {
+      var w, f;
+      return !!((f = (w = i.config.schema) == null ? void 0 : w[A]) != null && f.filterFunction);
+    }, ne = (A, w) => {
       var h;
       const f = (h = i.config.schema) == null ? void 0 : h[A];
-      return (f == null ? void 0 : f.filterFunction) === void 0 ? !0 : f.filterFunction(_);
+      return (f == null ? void 0 : f.filterFunction) === void 0 ? !0 : f.filterFunction(w);
     };
-    return (A, _) => {
+    return (A, w) => {
       const f = D("KInput"), h = D("KButton"), C = D("KSelect");
       return e.config.isExactMatch ? (m(), N(f, {
         key: 0,
@@ -3928,10 +3929,10 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
         placeholder: e.config.placeholder,
         "onUpdate:modelValue": g
       }, {
-        before: w(() => [
+        before: _(() => [
           M(Nt)
         ]),
-        after: w(() => [
+        after: _(() => [
           be(M(T(ni), {
             class: "kong-ui-entity-filter-clear",
             role: "button",
@@ -3948,7 +3949,7 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
           "data-testid": "filter-button",
           onClick: d
         }, {
-          default: w(() => [
+          default: _(() => [
             M(Nt),
             U(" " + F(T(n)("filter.filterButtonText")) + " " + F(s.value.length > 0 ? `(${s.value.length})` : ""), 1)
           ]),
@@ -4015,9 +4016,9 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
                   appearance: "tertiary",
                   "data-testid": "apply-filter",
                   size: "small",
-                  onClick: _[0] || (_[0] = (B) => L(!0))
+                  onClick: w[0] || (w[0] = (B) => L(!0))
                 }, {
-                  default: w(() => [
+                  default: _(() => [
                     U(F(T(n)("filter.applyButtonText")), 1)
                   ]),
                   _: 1
@@ -4028,7 +4029,7 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
                   size: "small",
                   onClick: (B) => S(k.value)
                 }, {
-                  default: w(() => [
+                  default: _(() => [
                     U(F(T(n)("filter.clearButtonText")), 1)
                   ]),
                   _: 2
@@ -4044,7 +4045,7 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
               size: "small",
               onClick: x
             }, {
-              default: w(() => [
+              default: _(() => [
                 U(F(T(n)("filter.clearAllButtonText")), 1)
               ]),
               _: 1
@@ -4116,15 +4117,15 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
           onCancel: c,
           onProceed: d
         }, {
-          default: w(() => [
+          default: _(() => [
             M(T(i), {
               keypath: `toggleModal.${r.action}.message`,
               scope: "global"
             }, {
-              entityType: w(() => [
+              entityType: _(() => [
                 U(F(e.entityType), 1)
               ]),
-              entityName: w(() => [
+              entityName: _(() => [
                 O("strong", null, F(e.entityName), 1)
               ]),
               _: 1
@@ -4243,7 +4244,7 @@ const wl = ["aria-labelledby"], _l = { class: "form-section-wrapper" }, Sl = {
             id: T(n),
             class: "form-section-title"
           }, {
-            default: w(() => [
+            default: _(() => [
               U(F(e.title), 1)
             ]),
             _: 1
@@ -4356,11 +4357,11 @@ const wl = ["aria-labelledby"], _l = { class: "form-section-wrapper" }, Sl = {
           href: e.externalLink,
           target: e.newWindow ? "_blank" : "_self"
         }, {
-          default: w(() => [
+          default: _(() => [
             M(p, {
               text: T(i) && e.entityLinkData.label || ""
             }, {
-              default: w(() => [
+              default: _(() => [
                 O("span", {
                   ref_key: "textContent",
                   ref: n,
@@ -4379,9 +4380,9 @@ const wl = ["aria-labelledby"], _l = { class: "form-section-wrapper" }, Sl = {
           placement: "bottom-end",
           text: a.value
         }, {
-          default: w(() => [
+          default: _(() => [
             M(v, null, {
-              default: w(({ copyToClipboard: b }) => [
+              default: _(({ copyToClipboard: b }) => [
                 O("span", {
                   class: "entity-link-copy-id",
                   onClick: Le((S) => d(b), ["stop"])
@@ -4517,7 +4518,7 @@ Docs: https://kongponents.konghq.com/components/empty-state.html.`)), (a, l) =>
               size: e.appearance === "secondary" ? "medium" : "large",
               onClick: l[0] || (l[0] = (c) => a.$emit("click:create"))
             }, {
-              default: w(() => [
+              default: _(() => [
                 M(T(Ht)),
                 U(" " + F(e.actionButtonText), 1)
               ]),
@@ -4530,7 +4531,7 @@ Docs: https://kongponents.konghq.com/components/empty-state.html.`)), (a, l) =>
               size: e.appearance === "secondary" ? "medium" : "large",
               onClick: l[1] || (l[1] = (c) => a.$emit("click:learn-more"))
             }, {
-              default: w(() => [
+              default: _(() => [
                 M(T(qt), { decorative: "" }),
                 U(" " + F(T(n)("emptyState.learnMore")), 1)
               ]),
@@ -4543,13 +4544,13 @@ Docs: https://kongponents.konghq.com/components/empty-state.html.`)), (a, l) =>
             key: c,
             class: "entity-empty-state-card"
           }, {
-            title: w(() => [
+            title: _(() => [
               a.$slots[`feature-${d}-icon`] ? (m(), $("div", Xl, [
                 j(a.$slots, `feature-${d}-icon`, {}, void 0, !0)
               ])) : K("", !0),
               O("div", es, F(c.title), 1)
             ]),
-            default: w(() => [
+            default: _(() => [
               O("div", {
                 title: c.description
               }, F(c.description), 9, ts)
@@ -4592,14 +4593,14 @@ Docs: https://kongponents.konghq.com/components/empty-state.html.`)), (a, l) =>
     return (i, r) => {
       var o;
       return ((o = n.value) == null ? void 0 : o.length) > 0 ? (m(), N(T(ei), { key: 0 }, {
-        default: w(() => [
+        default: _(() => [
           (m(!0), $(ce, null, se(n.value, (a) => (m(), N(T(ti), {
             key: a,
             "max-width": e.tagMaxWidth,
             onClick: r[0] || (r[0] = Le(() => {
             }, ["stop"]))
           }, {
-            default: w(() => [
+            default: _(() => [
               U(F(a), 1)
             ]),
             _: 2