@kong-ui-public/entities-plugins 9.224.6 → 9.225.0

package/dist/freeform/index.js

@@ -1,25 +1,25 @@
-import { toValue as R, computed as C, ref as le, readonly as vt, watch as ne, onBeforeUnmount as bt, reactive as et, toRef as E, useSlots as we, provide as qe, inject as ke, defineComponent as N, useAttrs as ye, openBlock as w, createBlock as q, unref as r, mergeProps as W, createSlots as X, renderList as se, withCtx as x, renderSlot as D, normalizeProps as Ue, guardReactiveProps as tt, createPropsRestProxy as ue, resolveComponent as F, withDirectives as Y, createElementBlock as j, createVNode as K, createElementVNode as U, resolveDynamicComponent as re, createCommentVNode as z, Fragment as te, vShow as Q, useCssVars as _t, useTemplateRef as at, normalizeClass as Pe, createTextVNode as me, toDisplayString as de, withModifiers as Ie, nextTick as Re, Transition as At, useId as wt, useModel as Ve, onBeforeMount as kt, mergeModels as je, withKeys as We, toRaw as St } from "vue";
+import { toValue as R, computed as C, ref as le, readonly as vt, watch as ne, onBeforeUnmount as bt, reactive as et, toRef as E, useSlots as we, provide as qe, inject as ke, defineComponent as N, useAttrs as ye, openBlock as w, createBlock as q, unref as r, mergeProps as W, createSlots as X, renderList as se, withCtx as M, renderSlot as D, normalizeProps as Ue, guardReactiveProps as tt, createPropsRestProxy as ue, resolveComponent as F, withDirectives as Y, createElementBlock as j, createVNode as K, createElementVNode as U, resolveDynamicComponent as re, createCommentVNode as z, Fragment as te, vShow as Q, useCssVars as _t, useTemplateRef as at, normalizeClass as Pe, createTextVNode as me, toDisplayString as de, withModifiers as Ie, nextTick as Re, Transition as At, useId as wt, useModel as Ve, onBeforeMount as kt, mergeModels as je, withKeys as We, toRaw as St } from "vue";
 import { marked as Tt } from "marked";
 import Ct from "dompurify";
 import { get as Ne, isEqual as he, omit as Pt, cloneDeep as Je, set as nt, isFunction as Ge, uniqueId as It, upperFirst as qt } from "lodash-es";
 import { createInjectionState as Lt } from "@vueuse/core";
 import { AUTOFILL_SLOT as it } from "@kong-ui-public/forms";
 import { createI18n as ot, i18nTComponent as rt } from "@kong-ui-public/i18n";
-import { KTextArea as xt, KInput as Mt, KCheckbox as $t, KCard as Ee, KLabel as Kt, KMultiselect as Rt, KSelect as Vt, KInputSwitch as jt } from "@kong/kongponents";
+import { KTextArea as Mt, KInput as $t, KCheckbox as xt, KCard as Ee, KLabel as Kt, KMultiselect as Rt, KSelect as Vt, KInputSwitch as jt } from "@kong/kongponents";
 import { AddIcon as Oe, CloseIcon as st, TrashIcon as Et, ChevronRightIcon as Ot } from "@kong/icons";
 import { KUI_ICON_SIZE_30 as Dt } from "@kong/design-tokens";
 function Ft(e) {
   return e.map((c) => ({ value: c, label: `${c}` }));
 }
 const ze = "*", He = "#", pe = "$", Le = ".";
-function M(...e) {
+function $(...e) {
   return e.join(Le);
 }
 function De(...e) {
-  return M(pe, ...e);
+  return $(pe, ...e);
 }
 function Xe(e) {
-  return e.startsWith(M(pe, ""));
+  return e.startsWith($(pe, ""));
 }
 function ae(e) {
   return e.split(Le).filter((c) => c !== "");
@@ -29,7 +29,7 @@ function fe(e) {
   return c[c.length - 1];
 }
 function Bt(e) {
-  return e.startsWith(pe) && (e = M(...ae(e).slice(1))), e;
+  return e.startsWith(pe) && (e = $(...ae(e).slice(1))), e;
 }
 function Ut(e) {
   const c = R(e);
@@ -98,7 +98,7 @@ function Nt(e) {
   let t = { parent: null };
   for (c.pop(); c.length; ) {
     const o = c.shift();
-    t.path = (n = t.parent) != null && n.path ? M(t.parent.path, o) : o, t = { parent: t };
+    t.path = (n = t.parent) != null && n.path ? $(t.parent.path, o) : o, t = { parent: t };
   }
   return t;
 }
@@ -113,53 +113,53 @@ const Ye = Symbol("free-form-field-path"), Fe = Symbol("free-form-field-renderer
 };
 function Ht(e, c = "") {
   const t = {}, n = e;
-  return Array.isArray(n.fields) ? Object.assign(t, xe(n, c)) : e.type === "array" && e.elements ? Object.assign(t, Me(e, c)) : e.type === "map" && e.values && Object.assign(t, $e(e, c)), t;
+  return Array.isArray(n.fields) ? Object.assign(t, Me(n, c)) : e.type === "array" && e.elements ? Object.assign(t, $e(e, c)) : e.type === "map" && e.values && Object.assign(t, xe(e, c)), t;
 }
-function xe(e, c = "") {
+function Me(e, c = "") {
   const t = {};
   if (Array.isArray(e.fields))
     for (const n of e.fields) {
-      const o = Object.keys(n)[0], a = n[o], p = c ? M(c, o) : o;
+      const o = Object.keys(n)[0], a = n[o], p = c ? $(c, o) : o;
       if (t[p] = a, a.type === "record" && Array.isArray(a.fields)) {
-        const d = xe(a, p);
+        const d = Me(a, p);
         Object.assign(t, d);
       } else if (a.type === "array" && a.elements) {
-        const d = Me(a, p);
+        const d = $e(a, p);
         Object.assign(t, d);
       } else if (a.type === "map" && a.values) {
-        const d = $e(a, p);
+        const d = xe(a, p);
         Object.assign(t, d);
       }
     }
   return t;
 }
-function Me(e, c = "") {
+function $e(e, c = "") {
   const t = {};
   if (e.elements) {
-    const n = e.elements, o = M(c, ze);
+    const n = e.elements, o = $(c, ze);
     if (t[o] = n, n.type === "record" && Array.isArray(n.fields)) {
-      const a = xe(n, o);
+      const a = Me(n, o);
       Object.assign(t, a);
     } else if (n.type === "array" && n.elements) {
-      const a = Me(n, o);
+      const a = $e(n, o);
       Object.assign(t, a);
     } else if (n.type === "map" && n.values) {
-      const a = $e(n, o);
+      const a = xe(n, o);
       Object.assign(t, a);
     }
   }
   return t;
 }
-function $e(e, c = "") {
-  const t = {}, n = M(c, He);
+function xe(e, c = "") {
+  const t = {}, n = $(c, He);
   if (t[n] = e.values, e.values.type === "record" && Array.isArray(e.values.fields)) {
-    const o = xe(e.values, n);
+    const o = Me(e.values, n);
     Object.assign(t, o);
   } else if ((e.values.type === "array" || e.values.type === "set") && e.values.elements) {
-    const o = Me(e.values, n);
+    const o = $e(e.values, n);
     Object.assign(t, o);
   } else if (e.values.type === "map" && e.values.values) {
-    const o = $e(e.values, n);
+    const o = xe(e.values, n);
     Object.assign(t, o);
   }
   return t;
@@ -167,10 +167,10 @@ function $e(e, c = "") {
 function Ae(e, c) {
   const t = ae(e), n = [];
   for (let o = 0; o < t.length; o++) {
-    const a = t[o], p = n.length > 0 ? M(...n) : "", d = p ? c[p] : void 0;
+    const a = t[o], p = n.length > 0 ? $(...n) : "", d = p ? c[p] : void 0;
     (d == null ? void 0 : d.type) === "map" ? n.push(He) : (d == null ? void 0 : d.type) === "array" ? n.push(ze) : n.push(a);
   }
-  return M(...n);
+  return $(...n);
 }
 function Wt(e) {
   const c = R(e), t = C(() => c ? Ht(c) : {});
@@ -326,8 +326,8 @@ ${L}`
         }
   }
   function d(m, b) {
-    const y = m.map((A) => b ? M(b, A) : A), v = ae(y[0]);
-    return v.pop(), M(...v);
+    const y = m.map((A) => b ? $(b, A) : A), v = ae(y[0]);
+    return v.pop(), $(...v);
   }
   function f(m, b) {
     if (!b) return m;
@@ -336,7 +336,7 @@ ${L}`
   }
   function i(m) {
     const b = ae(m);
-    return b.pop(), M(...b);
+    return b.pop(), $(...b);
   }
   const h = C(() => {
     const m = {};
@@ -348,7 +348,7 @@ ${L}`
             throw new Error(
               `Bundle must contain at least 2 fields. Found ${A.length} field(s) in bundle: [${A.join(", ")}]`
             );
-          const I = A.map((S) => v ? M(v, S) : S);
+          const I = A.map((S) => v ? $(v, S) : S);
           o(I, `Bundle [${A.join(", ")}]`);
           const _ = d(A, v) || pe;
           m[_] || (m[_] = {}), m[_].bundles || (m[_].bundles = []);
@@ -357,7 +357,7 @@ ${L}`
         }
       if (y.dependencies)
         for (const [A, [I, _]] of Object.entries(y.dependencies)) {
-          const k = v ? M(v, A) : A, S = v ? M(v, I) : I;
+          const k = v ? $(v, A) : A, S = v ? $(v, I) : I;
           o(
             [k, S],
             `Dependency '${A}' -> '${I}'`
@@ -416,12 +416,12 @@ ${L}`
       ([_, k, S, L]) => {
         !k || !_ || Object.entries(k).forEach(([V, [B, P]]) => {
           if (L != null && L.includes(V)) return;
-          const T = Ne(_, B), $ = S ? Bt(M(S, V)) : V;
+          const T = Ne(_, B), x = S ? Bt($(S, V)) : V;
           if (typeof P == "object" && P !== null && Be in P ? he(T, P[Be]) : Array.isArray(P) ? P.some((J) => he(T, J)) : he(T, P)) {
-            n.value.delete($), e();
+            n.value.delete(x), e();
             return;
           }
-          n.value.add($), e();
+          n.value.add(x), e();
         });
       },
       { deep: !0, immediate: !0 }
@@ -484,20 +484,20 @@ function Qt(e, c, t) {
       return o;
     if (Array.isArray(o))
       return o.map((f, i) => {
-        const h = a ? M(a, `${i}`) : `${i}`;
+        const h = a ? $(a, `${i}`) : `${i}`;
         return n(f, h);
       });
     const p = a ? c(a) : c();
     if ((p == null ? void 0 : p.type) === "map") {
       const f = o, i = {};
       return Object.keys(f).forEach((h) => {
-        const g = t(h), l = f[h], s = a ? M(a, h) : h;
+        const g = t(h), l = f[h], s = a ? $(a, h) : h;
         i[g] = n(l, s);
       }), i;
     }
     const d = {};
     return Object.keys(o).forEach((f) => {
-      const i = a ? M(a, f) : f;
+      const i = a ? $(a, f) : f;
       d[f] = n(o[f], i);
     }), d;
   };
@@ -509,7 +509,7 @@ function Zt(e, c, t) {
       return o;
     if (Array.isArray(o))
       return o.map((f, i) => {
-        const h = a ? M(a, `${i}`) : `${i}`;
+        const h = a ? $(a, `${i}`) : `${i}`;
         return n(f, h);
       });
     const p = a ? c(a) : c();
@@ -521,13 +521,13 @@ function Zt(e, c, t) {
           console.error(`[FreeForm] Missing name for key ID: ${String(g)}`);
           return;
         }
-        const u = s || He, m = a ? M(a, u) : u;
+        const u = s || He, m = a ? $(a, u) : u;
         i[s] = n(l, m);
       }), i;
     }
     const d = {};
     return Object.keys(o).forEach((f) => {
-      const i = a ? M(a, f) : f;
+      const i = a ? $(a, f) : f;
       d[f] = n(o[f], i);
     }), d;
   };
@@ -561,25 +561,25 @@ const [ta, aa] = Lt(
       parentValue: l
     });
     function I(T) {
-      Object.keys(l).forEach(($) => {
-        delete l[$];
+      Object.keys(l).forEach((x) => {
+        delete l[x];
       }), h.clear(), Object.assign(l, h.serialize(T));
     }
     function _(T) {
-      let $;
-      !T || !k(R(T)) ? $ = d() : $ = Je(R(T)), Ge(s.value.prepareFormData) ? I(s.value.prepareFormData($)) : I($);
+      let x;
+      !T || !k(R(T)) ? x = d() : x = Je(R(T)), Ge(s.value.prepareFormData) ? I(s.value.prepareFormData(x)) : I(x);
     }
     function k(T) {
       return Ge(s.value.hasValue) ? s.value.hasValue(T) : !!T;
     }
     function S() {
-      const T = R(l), $ = Je(T);
+      const T = R(l), x = Je(T);
       if (y.value.size > 0)
         for (const ee of y.value) {
           const H = ae(ee), J = H.slice(0, -1);
-          (J.length === 0 || Ne($, J) != null) && nt($, H, f(ee));
+          (J.length === 0 || Ne(x, J) != null) && nt(x, H, f(ee));
         }
-      return h.deserialize($);
+      return h.deserialize(x);
     }
     ne(l, () => {
       o == null || o(S());
@@ -628,13 +628,13 @@ const dt = (e) => {
   const c = ke(Ye, C(() => "")), t = C(() => {
     const n = R(e);
     let o = n;
-    return !Xe(n) && c.value && (o = M(c.value, n)), Xe(n) && (o = o.slice(De("").length)), o;
+    return !Xe(n) && c.value && (o = $(c.value, n)), Xe(n) && (o = o.slice(De("").length)), o;
   });
   return qe(Ye, t), t;
 }, na = (e) => {
   const { getSchema: c, getSchemaMap: t, fieldRendererRegistry: n } = ie(), { default: o, ...a } = we(), p = ke(Fe), d = C(() => {
     const f = R(p), i = t(), h = Object.keys(a).filter((g) => g !== Se && g !== "item").reduce((g, l) => {
-      const s = Ae(M(R(e), l), i);
+      const s = Ae($(R(e), l), i);
       return { ...g, [s]: a[l] };
     }, {});
     return f ? { ...f, ...h } : h;
@@ -743,13 +743,13 @@ function sa(e, c) {
   const t = ke(Qe, {
     parentPath: null,
     isolate: !1
-  }), { parentPath: n, isolate: o } = R(t), a = le(n ? M(n, e) : e), p = le({
+  }), { parentPath: n, isolate: o } = R(t), a = le(n ? $(n, e) : e), p = le({
     parentPath: a.value,
     isolate: o
   });
   return ne([E(c), E(t)], ([d, f]) => {
     var l;
-    const { parentPath: i, isolate: h } = f, g = i ? M(i, e) : e;
+    const { parentPath: i, isolate: h } = f, g = i ? $(i, e) : e;
     if (d) {
       const s = {
         isolate: () => {
@@ -813,7 +813,7 @@ function ua(e, c) {
   }
   function i() {
     if (!t) return;
-    const u = a.createKey(), m = o(M(n.path.value, u));
+    const u = a.createKey(), m = o($(n.path.value, u));
     return t.value = {
       ...t.value,
       [u]: m
@@ -896,7 +896,7 @@ const be = /* @__PURE__ */ N({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: c }) {
-    const t = e, n = ye(), o = c, a = C(() => t.multiline ? xt : Mt), p = C(() => n.characterLimit ?? (t.multiline ? !1 : void 0)), d = le(t.modelValue);
+    const t = e, n = ye(), o = c, a = C(() => t.multiline ? Mt : $t), p = C(() => n.characterLimit ?? (t.multiline ? !1 : void 0)), d = le(t.modelValue);
     ne(() => t.modelValue, (g) => {
       d.value = g;
     });
@@ -914,7 +914,7 @@ const be = /* @__PURE__ */ N({
     }), X({ _: 2 }, [
       se(we(), (s, u) => ({
         name: u,
-        fn: x((m) => [
+        fn: M((m) => [
           D(g.$slots, u, Ue(tt(m)))
         ])
       }))
@@ -985,7 +985,7 @@ const be = /* @__PURE__ */ N({
         }), X({ _: 2 }, [
           (I = r(i).labelAttributes) != null && I.info ? {
             name: "label-tooltip",
-            fn: x(() => [
+            fn: M(() => [
               D(y.$slots, "tooltip", {}, () => [
                 U("div", {
                   innerHTML: r(i).labelAttributes.info
@@ -996,14 +996,14 @@ const be = /* @__PURE__ */ N({
           } : void 0,
           !(e.multiline && e.error) && y.$slots.help ? {
             name: "help",
-            fn: x(() => [
+            fn: M(() => [
               D(y.$slots, "help", {}, void 0, !0)
             ]),
             key: "1"
           } : void 0,
           !e.multiline && e.inlineVaultPicker ? {
             name: "after",
-            fn: x(() => [
+            fn: M(() => [
               r(s) && u.value ? (w(), q(re(r(s)), {
                 key: 0,
                 schema: m.value,
@@ -1065,7 +1065,7 @@ const be = /* @__PURE__ */ N({
         key: 0,
         appearance: "danger",
         message: p.error.message
-      }, null, 8, ["message"])) : Y((w(), q(r($t), W({ key: 1 }, { ...r(i), ...h.$attrs }, {
+      }, null, 8, ["message"])) : Y((w(), q(r(xt), W({ key: 1 }, { ...r(i), ...h.$attrs }, {
         class: "ff-boolean-field",
         "data-autofocus": e.autofocus ? "true" : void 0,
         "data-testid": `ff-${p.path.value}`,
@@ -1074,7 +1074,7 @@ const be = /* @__PURE__ */ N({
       }), X({ _: 2 }, [
         (s = r(i).labelAttributes) != null && s.info ? {
           name: "tooltip",
-          fn: x(() => [
+          fn: M(() => [
             D(h.$slots, "tooltip", {}, () => [
               U("div", {
                 innerHTML: r(i).labelAttributes.info
@@ -1139,7 +1139,7 @@ const be = /* @__PURE__ */ N({
         }), X({ _: 2 }, [
           (v = r(f).labelAttributes) != null && v.info ? {
             name: "label-tooltip",
-            fn: x(() => [
+            fn: M(() => [
               D(m.$slots, "tooltip", {}, () => [
                 U("div", {
                   innerHTML: r(f).labelAttributes.info
@@ -1191,7 +1191,7 @@ const be = /* @__PURE__ */ N({
       title: ""
     }))), A = le((B = v.value[0]) == null ? void 0 : B.hash), I = async () => {
       var T;
-      const P = a(M(i.path.value, ze));
+      const P = a($(i.path.value, ze));
       Array.isArray(d.value) || (d.value = []), d.value.push(P), n("add"), t.appearance === "tabs" && (await Re(), A.value = (T = v.value[v.value.length - 1]) == null ? void 0 : T.hash), await Re(), S(s.value.length + 1);
     }, _ = async (P) => {
       var T;
@@ -1200,10 +1200,10 @@ const be = /* @__PURE__ */ N({
     function S(P) {
       if (!k.value)
         return;
-      const T = Math.max(0, Math.min(P, s.value.length - 1)), $ = k.value.querySelector(`[data-index="${T}"]`);
-      if (!$)
+      const T = Math.max(0, Math.min(P, s.value.length - 1)), x = k.value.querySelector(`[data-index="${T}"]`);
+      if (!x)
         return;
-      const ee = L($);
+      const ee = L(x);
       ee == null || ee.focus();
     }
     function L(P) {
@@ -1216,8 +1216,8 @@ const be = /* @__PURE__ */ N({
     });
     return (P, T) => {
       var Te;
-      const $ = F("KAlert"), ee = F("KLabel"), H = F("KButton"), J = F("KTooltip"), _e = F("KTabs");
-      return i.error ? (w(), q($, {
+      const x = F("KAlert"), ee = F("KLabel"), H = F("KButton"), J = F("KTooltip"), _e = F("KTabs");
+      return i.error ? (w(), q(x, {
         key: 0,
         appearance: "danger",
         message: i.error.message
@@ -1241,14 +1241,14 @@ const be = /* @__PURE__ */ N({
             "data-testid": `ff-label-${i.path.value}`,
             "tooltip-attributes": r(h).labelAttributes.tooltipAttributes
           }), X({
-            default: x(() => [
+            default: M(() => [
               me(de(r(h).label) + " ", 1)
             ]),
             _: 2
           }, [
             (Te = r(h).labelAttributes) != null && Te.info ? {
               name: "tooltip",
-              fn: x(() => [
+              fn: M(() => [
                 D(P.$slots, "tooltip", {}, () => [
                   U("div", {
                     innerHTML: r(h).labelAttributes.info
@@ -1266,7 +1266,7 @@ const be = /* @__PURE__ */ N({
             icon: "",
             onClick: I
           }, {
-            default: x(() => [
+            default: M(() => [
               K(r(Oe))
             ]),
             _: 1
@@ -1283,7 +1283,7 @@ const be = /* @__PURE__ */ N({
               "data-index": O,
               "data-testid": `ff-array-item-${i.path.value}.${O}`
             }, {
-              default: x(() => [
+              default: M(() => [
                 U("div", Ta, [
                   P.$slots.item ? D(P.$slots, "item", {
                     key: 0,
@@ -1305,7 +1305,7 @@ const be = /* @__PURE__ */ N({
                   class: "ff-array-field-item-remove-tooltip",
                   text: r(o)("actions.remove_entity", { entity: l.value })
                 }, {
-                  default: x(() => [
+                  default: M(() => [
                     K(H, {
                       appearance: "tertiary",
                       "aria-label": r(o)("actions.remove_entity", { entity: l.value }),
@@ -1314,7 +1314,7 @@ const be = /* @__PURE__ */ N({
                       icon: "",
                       onClick: Ie((yt) => _(O), ["stop"])
                     }, {
-                      default: x(() => [
+                      default: M(() => [
                         K(r(st))
                       ]),
                       _: 1
@@ -1333,7 +1333,7 @@ const be = /* @__PURE__ */ N({
             "data-testid": `ff-add-item-btn-${i.path.value}`,
             onClick: I
           }, {
-            default: x(() => [
+            default: M(() => [
               K(r(Oe)),
               me(" " + de(r(o)("actions.add_entity", { entity: l.value })), 1)
             ]),
@@ -1343,7 +1343,7 @@ const be = /* @__PURE__ */ N({
           key: 2,
           "data-testid": `ff-array-tab-container-${i.path.value}`
         }, {
-          default: x(() => [
+          default: M(() => [
             K(_e, {
               modelValue: A.value,
               "onUpdate:modelValue": T[0] || (T[0] = (ce) => A.value = ce),
@@ -1352,7 +1352,7 @@ const be = /* @__PURE__ */ N({
             }, X({ _: 2 }, [
               se(s.value, (ce, O) => ({
                 name: r(u)(ce, O),
-                fn: x(() => [
+                fn: M(() => [
                   U("div", {
                     class: "ff-array-field-item",
                     "data-index": O,
@@ -1373,7 +1373,7 @@ const be = /* @__PURE__ */ N({
               })),
               se(s.value, (ce, O) => ({
                 name: `${r(u)(ce, O)}-anchor`,
-                fn: x(() => [
+                fn: M(() => [
                   me(de(y(ce, O)) + " ", 1),
                   K(H, {
                     appearance: "tertiary",
@@ -1383,7 +1383,7 @@ const be = /* @__PURE__ */ N({
                     icon: "",
                     onClick: Ie((yt) => _(O), ["stop"])
                   }, {
-                    default: x(() => [
+                    default: M(() => [
                       K(r(Et))
                     ]),
                     _: 1
@@ -1465,13 +1465,13 @@ const be = /* @__PURE__ */ N({
       onEnter: d,
       onLeave: h
     }, {
-      default: x(() => [
+      default: M(() => [
         D(l.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }));
   }
-}), La = /* @__PURE__ */ G(qa, [["__scopeId", "data-v-4969409d"]]), xa = { class: "ff-entity-checks-list" }, Ma = /* @__PURE__ */ N({
+}), La = /* @__PURE__ */ G(qa, [["__scopeId", "data-v-4969409d"]]), Ma = { class: "ff-entity-checks-list" }, $a = /* @__PURE__ */ N({
   __name: "EntityChecksAlert",
   props: {
     entityChecks: {},
@@ -1512,8 +1512,8 @@ const be = /* @__PURE__ */ N({
         key: 0,
         "data-testid": "ff-entity-checks-alert"
       }, {
-        default: x(() => [
-          U("ul", xa, [
+        default: M(() => [
+          U("ul", Ma, [
             (w(!0), j(te, null, se(t.value, (f) => (w(), j("li", {
               key: f,
               "data-testid": "ff-entity-check-item"
@@ -1524,7 +1524,7 @@ const be = /* @__PURE__ */ N({
       })) : z("", !0);
     };
   }
-}), Ze = /* @__PURE__ */ G(Ma, [["__scopeId", "data-v-374c59bc"]]), $a = ["data-testid"], Ka = ["data-testid"], Ra = ["data-testid"], Va = { class: "ff-object-field-header-toggle" }, ja = ["aria-controls", "aria-expanded", "aria-label", "data-testid", "disabled"], Ea = ["innerHTML"], Oa = ["data-testid"], Da = {
+}), Ze = /* @__PURE__ */ G($a, [["__scopeId", "data-v-374c59bc"]]), xa = ["data-testid"], Ka = ["data-testid"], Ra = ["data-testid"], Va = { class: "ff-object-field-header-toggle" }, ja = ["aria-controls", "aria-expanded", "aria-label", "data-testid", "disabled"], Ea = ["innerHTML"], Oa = ["data-testid"], Da = {
   key: 0,
   class: "indent-guide"
 }, Fa = /* @__PURE__ */ N({
@@ -1623,7 +1623,7 @@ const be = /* @__PURE__ */ N({
               }, null, 8, ["name"]))), 128))
             ];
           }, !0)
-        ], 16, $a)), [
+        ], 16, xa)), [
           [Q, !r(o)]
         ]) : Y((w(), j("div", W({
           key: 2,
@@ -1662,14 +1662,14 @@ const be = /* @__PURE__ */ N({
               }, {
                 "tooltip-attributes": r(u).labelAttributes.tooltipAttributes
               }), X({
-                default: x(() => [
+                default: M(() => [
                   me(de(r(u).label) + " ", 1)
                 ]),
                 _: 2
               }, [
                 (V = r(u).labelAttributes) != null && V.info ? {
                   name: "tooltip",
-                  fn: x(() => [
+                  fn: M(() => [
                     D(_.$slots, "tooltip", {}, () => [
                       U("div", {
                         innerHTML: r(u).labelAttributes.info
@@ -1691,7 +1691,7 @@ const be = /* @__PURE__ */ N({
             }, null, 8, ["modelValue", "data-testid"]))
           ], 8, Ra),
           K(La, null, {
-            default: x(() => [
+            default: M(() => [
               g.value ? (w(), j("div", {
                 key: 0,
                 class: "ff-object-field-content",
@@ -1799,7 +1799,7 @@ const be = /* @__PURE__ */ N({
         }), X({ _: 2 }, [
           (_ = r(p).labelAttributes) != null && _.info ? {
             name: "label-tooltip",
-            fn: x(() => [
+            fn: M(() => [
               D(v.$slots, "tooltip", {}, () => [
                 U("div", {
                   innerHTML: r(p).labelAttributes.info
@@ -1902,7 +1902,7 @@ const be = /* @__PURE__ */ N({
       }), X({ _: 2 }, [
         "tooltip" in u.$slots || (y = r(f).labelAttributes) != null && y.info ? {
           name: "label-tooltip",
-          fn: x(() => [
+          fn: M(() => [
             D(u.$slots, "tooltip", {}, () => [
               U("div", {
                 innerHTML: r(f).labelAttributes.info
@@ -1913,7 +1913,7 @@ const be = /* @__PURE__ */ N({
         } : void 0,
         u.$slots["item-label"] ? {
           name: "item-template",
-          fn: x(({ item: v }) => [
+          fn: M(({ item: v }) => [
             D(u.$slots, "item-label", Ue(tt(v)), void 0, !0)
           ]),
           key: "1"
@@ -1978,7 +1978,7 @@ const be = /* @__PURE__ */ N({
         }), X({ _: 2 }, [
           (m = r(f).labelAttributes) != null && m.info ? {
             name: "label-tooltip",
-            fn: x(() => [
+            fn: M(() => [
               D(l.$slots, "tooltip", {}, () => [
                 U("div", {
                   innerHTML: r(f).labelAttributes.info
@@ -2039,7 +2039,7 @@ const be = /* @__PURE__ */ N({
       }), X({ _: 2 }, [
         (y = r(i).labelAttributes) != null && y.info ? {
           name: "label-tooltip",
-          fn: x(() => [
+          fn: M(() => [
             D(m.$slots, "tooltip", {}, () => [
               U("div", {
                 innerHTML: r(i).labelAttributes.info
@@ -2122,14 +2122,14 @@ const be = /* @__PURE__ */ N({
             required: r(g).required,
             "tooltip-attributes": r(g).labelAttributes.tooltipAttributes
           }), X({
-            default: x(() => [
+            default: M(() => [
               me(de(r(g).label) + " ", 1)
             ]),
             _: 2
           }, [
             (T = r(g).labelAttributes) != null && T.info ? {
               name: "tooltip",
-              fn: x(() => [
+              fn: M(() => [
                 D(k.$slots, "tooltip", {}, () => [
                   U("div", {
                     innerHTML: r(g).labelAttributes.info
@@ -2140,15 +2140,15 @@ const be = /* @__PURE__ */ N({
             } : void 0
           ]), 1040, ["data-testid", "required", "tooltip-attributes"])
         ], 8, nn)) : z("", !0),
-        (w(!0), j(te, null, se(r(a), ([$, ee], H) => (w(), q(re(b.value), {
-          key: $,
+        (w(!0), j(te, null, se(r(a), ([x, ee], H) => (w(), q(re(b.value), {
+          key: x,
           class: Pe(["ff-map-field-item", {
             "ff-map-field-item-simple": s.value,
             "ff-map-field-item-complex": !s.value
           }]),
           "data-testid": `ff-map-container-${r(i).path.value}.${H}`
         }, {
-          default: x(() => [
+          default: M(() => [
             U("div", rn, [
               K(be, {
                 class: "ff-map-field-fields-key",
@@ -2157,20 +2157,20 @@ const be = /* @__PURE__ */ N({
                 "model-value": ee,
                 placeholder: e.keyPlaceholder || "Key",
                 onKeydown: We(Ie((J) => A(H), ["prevent"]), ["enter"]),
-                "onUpdate:modelValue": (J) => r(p)($, J)
+                "onUpdate:modelValue": (J) => r(p)(x, J)
               }, null, 8, ["data-key-input", "data-testid", "model-value", "placeholder", "onKeydown", "onUpdate:modelValue"]),
-              D(k.$slots, "default", { keyId: $ }, () => {
+              D(k.$slots, "default", { keyId: x }, () => {
                 var J, _e;
                 return [
                   m.value ? (w(), q(ht, {
                     key: 0,
                     "inline-vault-picker": "",
                     multiline: (_e = (J = e.appearance) == null ? void 0 : J.string) == null ? void 0 : _e.multiline,
-                    name: $,
+                    name: x,
                     onKeydown: We((Te) => v(Te, H), ["enter"])
                   }, null, 8, ["multiline", "name", "onKeydown"])) : (w(), q(ge, {
                     key: 1,
-                    name: $
+                    name: x
                   }, null, 8, ["name"]))
                 ];
               }, !0)
@@ -2178,15 +2178,15 @@ const be = /* @__PURE__ */ N({
             K(P, {
               text: r(t).t("actions.remove_entity", { entity: r(h) })
             }, {
-              default: x(() => [
+              default: M(() => [
                 K(B, {
                   appearance: "tertiary",
                   "aria-label": r(t).t("actions.remove_entity", { entity: r(h) }),
                   "data-testid": `ff-map-remove-btn-${r(i).path.value}.${H}`,
                   icon: "",
-                  onClick: (J) => r(f)($)
+                  onClick: (J) => r(f)(x)
                 }, {
-                  default: x(() => [
+                  default: M(() => [
                     K(r(st))
                   ]),
                   _: 1
@@ -2204,7 +2204,7 @@ const be = /* @__PURE__ */ N({
           "data-testid": `ff-map-add-btn-${r(i).path.value}`,
           onClick: I
         }, {
-          default: x(() => [
+          default: M(() => [
             K(r(Oe)),
             me(" " + de(r(t).t("actions.add_entity", { entity: r(h) })), 1)
           ]),
@@ -2309,7 +2309,7 @@ const be = /* @__PURE__ */ N({
       getRawValue: () => St(p),
       setValue: d
     }), (g, l) => (w(), q(re(e.tag), null, {
-      default: x(() => [
+      default: M(() => [
         (w(), q(re(r(o)[r(Se)]))),
         D(g.$slots, "default", {}, () => [
           (w(!0), j(te, null, se(h.value, (s) => (w(), q(ge, {
@@ -3507,9 +3507,10 @@ const be = /* @__PURE__ */ N({
     description_with_realms: "Use Consumers or centrally managed consumers for Consumer-based authentication. Use Kong Identity for principal-based authentication and advanced integrations.",
     description_without_realms: "Use Consumers for Consumer-based authentication. Use Kong Identity for principal-based authentication and advanced integrations.",
     learn_more: "Learn more.",
+    incompatible_data_plane_alert: "We detected that one or more data plane nodes are running a version earlier than 3.15. Requests handled by those data plane nodes will use consumers instead of Kong Identity principals.",
     kong_identity_label: "Kong Identity",
-    kong_identity_description_key_auth: "Use Kong Identity to authenticate API keys and map requests to a Kong Identity principal. The authenticated principal is added to the request context for advanced integrations.",
-    kong_identity_description_basic_auth: "Use Kong Identity to authenticate Basic Auth credentials and map requests to a Kong Identity principal. The authenticated principal is added to the request context for advanced integrations.",
+    kong_identity_description_key_auth: "Use Kong Identity to authenticate API keys and map requests to Kong Identity principals for advanced integrations. Data plane nodes running versions earlier than 3.15 continue using consumers.",
+    kong_identity_description_basic_auth: "Use Kong Identity to authenticate Basic Auth credentials and map requests to Kong Identity principals for advanced integrations. Data plane nodes running versions earlier than 3.15 continue using consumers.",
     consumers_label: "Consumers",
     consumers_description_key_auth: "Use consumer-managed API keys. Consumers provide their API key in a request header, query parameter, or request body to authenticate requests.",
     consumers_description_basic_auth: "Use consumer-managed Basic Auth credentials. Consumers authenticate requests using a username and password.",
@@ -3522,7 +3523,7 @@ const be = /* @__PURE__ */ N({
     error_on_miss_continue_label: "Continue without a principal",
     error_on_miss_continue_description: "Allow the request to continue without resolving a principal.",
     configure_title: "Configure Kong Identity",
-    configure_description: "Kong Identity uses principals to represent authenticated users, services, or applications. Create your first principal in Kong Identity to start using principal-based authentication.",
+    configure_description: "Kong Identity uses principals to represent authenticated services or applications. Create your first principal in Kong Identity to start using principal-based authentication. On data plane nodes running versions earlier than 3.15, authentication continues using consumers.",
     create_principal: "Create principal",
     configure_learn_more: "Learn more",
     leave_prompt_title: "Leave this page?",
@@ -3769,7 +3770,7 @@ const kn = ["data-testid"], Sn = /* @__PURE__ */ N({
           "model-value": !!(r(o) == null ? r(p) : r(o)),
           "onUpdate:modelValue": i
         }), {
-          label: x(() => [
+          label: M(() => [
             me(de(r(o) ? e.enabledText || r(t)("actions.enabled") : e.disabledText || r(t)("actions.disabled")), 1)
           ]),
           _: 1