@kong/kongponents 9.31.3 → 9.31.4

package/dist/kongponents.es.js

@@ -1,7 +1,7 @@
 var Wg = Object.defineProperty;
 var Ug = (e, t, a) => t in e ? Wg(e, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[t] = a;
 var Ya = (e, t, a) => Ug(e, typeof t != "symbol" ? t + "" : t, a);
-import { defineComponent as se, renderSlot as Z, reactive as Dr, ref as N, computed as m, createBlock as J, openBlock as h, resolveDynamicComponent as Ye, normalizeStyle as Me, withCtx as B, createElementBlock as D, normalizeClass as de, createCommentVNode as Q, createElementVNode as K, unref as x, toDisplayString as ie, withKeys as ft, withModifiers as Ve, shallowRef as Lv, watch as fe, getCurrentScope as Bv, onScopeDispose as Rv, shallowReadonly as Un, useSlots as xt, useAttrs as Vt, onMounted as st, mergeProps as ze, toHandlers as cs, getCurrentInstance as Fv, onUnmounted as Kt, isReadonly as Vg, toRefs as zv, watchEffect as Wl, Teleport as Kg, toValue as ln, useId as $t, onBeforeUnmount as fs, createVNode as X, createTextVNode as me, Transition as ia, withDirectives as dn, vShow as pr, useCssVars as Ft, nextTick as gt, Fragment as Ee, renderList as Be, createSlots as yt, isVNode as Yv, useTemplateRef as At, normalizeProps as sr, inject as fi, toRef as ho, provide as vi, guardReactiveProps as bl, isRef as Xn, resolveComponent as _t, resolveDirective as jg, Comment as Gg, cloneVNode as Qg, onBeforeMount as Zg, TransitionGroup as Xg, render as Wu, h as Uu, warn as Jg } from "vue";
+import { defineComponent as se, renderSlot as Z, reactive as Dr, ref as N, computed as m, createBlock as J, openBlock as h, resolveDynamicComponent as Ye, normalizeStyle as Me, withCtx as B, createElementBlock as D, normalizeClass as de, createCommentVNode as Q, createElementVNode as K, unref as x, toDisplayString as ie, withKeys as ft, withModifiers as Ve, shallowRef as Lv, watch as fe, getCurrentScope as Bv, onScopeDispose as Rv, shallowReadonly as Un, useSlots as Dt, useAttrs as Vt, onMounted as st, mergeProps as ze, toHandlers as cs, getCurrentInstance as Fv, onUnmounted as Kt, isReadonly as Vg, toRefs as zv, watchEffect as Wl, Teleport as Kg, toValue as ln, useId as $t, onBeforeUnmount as fs, createVNode as X, createTextVNode as me, Transition as ia, withDirectives as dn, vShow as pr, useCssVars as Ft, nextTick as gt, Fragment as Ee, renderList as Be, createSlots as yt, isVNode as Yv, useTemplateRef as At, normalizeProps as sr, inject as fi, toRef as ho, provide as vi, guardReactiveProps as bl, isRef as Xn, resolveComponent as _t, resolveDirective as jg, Comment as Gg, cloneVNode as Qg, onBeforeMount as Zg, TransitionGroup as Xg, render as Wu, h as Uu, warn as Jg } from "vue";
 async function _v(e) {
   var n, r;
   if (navigator.clipboard)
@@ -4732,7 +4732,7 @@ const tb = {
     fe(() => e.icon, (o) => {
       typeof o == "string" && console.warn("KButton: `icon` prop usage has changed. Please refer to the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#kbutton");
     }, { immediate: !0 });
-    const t = xt(), a = Vt(), n = m(() => e.to && typeof e.to == "string" ? "a" : e.to ? "router-link" : "button"), r = m(() => Object.values(tm).indexOf(e.appearance) === -1 ? ["primary", e.appearance] : e.appearance), i = m(() => e.appearance === "none" && !e.icon ? null : e.size), s = m(() => {
+    const t = Dt(), a = Vt(), n = m(() => e.to && typeof e.to == "string" ? "a" : e.to ? "router-link" : "button"), r = m(() => Object.values(tm).indexOf(e.appearance) === -1 ? ["primary", e.appearance] : e.appearance), i = m(() => e.appearance === "none" && !e.icon ? null : e.size), s = m(() => {
       const o = Object.assign({}, a);
       return e.to && (typeof e.to == "string" ? o.href = e.to : o.to = e.to, e.disabled && (o.href = null)), e.disabled !== void 0 && e.disabled !== !1 || delete o.disabled, o;
     }), u = (o) => {
@@ -5479,7 +5479,7 @@ const Tb = ["id", "aria-labelledby", "x-placement"], xb = ["tabindex"], Ib = {
   },
   emits: ["open", "close", "popover-click"],
   setup(e, { expose: t, emit: a }) {
-    const n = a, r = xt(), { getSizeFromString: i } = It(), s = $t(), u = $t(), l = N(null), o = N(null), f = N(null), d = N(!1), c = m(() => {
+    const n = a, r = Dt(), { getSizeFromString: i } = It(), s = $t(), u = $t(), l = N(null), o = N(null), f = N(null), d = N(!1), c = m(() => {
       var T, F;
       return o.value && ((T = o.value) != null && T.children[0]) ? (F = o.value) == null ? void 0 : F.children[0] : null;
     }), v = N(null), y = () => {
@@ -5653,7 +5653,7 @@ const Tb = ["id", "aria-labelledby", "x-placement"], xb = ["tabindex"], Ib = {
     disabled: { type: Boolean }
   },
   setup(e) {
-    const t = xt(), a = m(() => !e.disabled && (!!e.text || !!e.label || !!t.content)), n = $t();
+    const t = Dt(), a = m(() => !e.disabled && (!!e.text || !!e.label || !!t.content)), n = $t();
     return (r, i) => a.value ? (h(), J(Tr, ze({
       key: 0,
       "hide-caret": "",
@@ -5812,7 +5812,7 @@ const Tb = ["id", "aria-labelledby", "x-placement"], xb = ["tabindex"], Ib = {
     titleTag: { default: "div" }
   },
   setup(e) {
-    const t = xt(), a = m(() => !!(t.title || e.title || t.actions));
+    const t = Dt(), a = m(() => !!(t.title || e.title || t.actions));
     return (n, r) => (h(), D("div", zb, [
       a.value ? (h(), D("div", Yb, [
         t.title || n.title ? (h(), J(Ye(n.titleTag), {
@@ -6800,7 +6800,7 @@ const Ay = {
   },
   emits: ["card-click", "error-action-click", "empty-state-action-click", "update:catalog-preferences", "state"],
   setup(e, { emit: t }) {
-    const { useRequest: a, useDebounce: n, useSwrvState: r } = It(), i = t, s = xt(), u = $t(), l = () => {
+    const { useRequest: a, useDebounce: n, useSwrvState: r } = It(), i = t, s = Dt(), u = $t(), l = () => {
       var _e;
       const oe = (_e = e.paginationPageSizes) == null ? void 0 : _e[0];
       return oe || Ld;
@@ -7025,7 +7025,7 @@ const Ay = {
     fe(() => e.help, (r) => {
       r && console.warn("KLabel: `help` prop is deprecated. Please use `info` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#klabel");
     }, { immediate: !0 });
-    const t = xt(), a = m(() => !!(e.help || e.info || t.tooltip)), n = $t();
+    const t = Dt(), a = m(() => !!(e.help || e.info || t.tooltip)), n = $t();
     return (r, i) => (h(), D("label", {
       class: de(["k-label", { required: r.required }])
     }, [
@@ -7066,7 +7066,7 @@ const Ay = {
   },
   emits: ["change", "input", "update:modelValue"],
   setup(e, { emit: t }) {
-    const a = t, n = xt(), r = Vt(), i = $t(), s = m(() => r.id ? String(r.id) : i), u = m(() => !!(e.label || n.default)), l = m(() => (r == null ? void 0 : r.disabled) !== void 0 && String(r == null ? void 0 : r.disabled) !== "false"), o = m(() => u.value && (!!e.description || !!n.description)), f = m(() => !!n.tooltip), d = m(() => {
+    const a = t, n = Dt(), r = Vt(), i = $t(), s = m(() => r.id ? String(r.id) : i), u = m(() => !!(e.label || n.default)), l = m(() => (r == null ? void 0 : r.disabled) !== void 0 && String(r == null ? void 0 : r.disabled) !== "false"), o = m(() => u.value && (!!e.description || !!n.description)), f = m(() => !!n.tooltip), d = m(() => {
       const b = { ...r };
       return delete b.class, b.checked = e.modelValue, b.indeterminate !== void 0 && String(b.indeterminate) !== "false" && !e.modelValue ? (delete b.checked, b.indeterminate = !0) : delete b.indeterminate, b;
     }), c = m(() => ({
@@ -7590,7 +7590,7 @@ const W0 = ["id", "aria-describedby", "aria-invalid", "type", "value"], U0 = ["a
     }, { immediate: !0 }), fe(() => e.labelAttributes.help, (S) => {
       S && console.warn("KInput: `help` property of `labelAttributes` prop is deprecated. Please use `info` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#klabel");
     });
-    const a = t, n = N(""), r = N(!1), i = N(0), { stripRequiredLabel: s } = It(), u = xt(), l = Vt(), o = m(() => (l == null ? void 0 : l.required) !== void 0 && String(l == null ? void 0 : l.required) !== "false"), f = $t(), d = m(() => l.id ? String(l.id) : f), c = $t(), v = m(() => s(e.label, o.value)), y = m(() => {
+    const a = t, n = N(""), r = N(!1), i = N(0), { stripRequiredLabel: s } = It(), u = Dt(), l = Vt(), o = m(() => (l == null ? void 0 : l.required) !== void 0 && String(l == null ? void 0 : l.required) !== "false"), f = $t(), d = m(() => l.id ? String(l.id) : f), c = $t(), v = m(() => s(e.label, o.value)), y = m(() => {
       var S;
       return !!((S = e.labelAttributes) != null && S.info || u["label-tooltip"]);
     }), b = m({
@@ -7940,7 +7940,7 @@ const uw = ["id"], dw = {
         "KCodeBlock: `highlightedLineNumbers` prop should be either a properly formatted string (e.g. '1,3-5,7'), an array of numbers or tuples of numbers."
       );
     }, { immediate: !0 });
-    const i = t, s = xt(), u = N(e.query), l = N(!1), o = N(e.initialRegExpMode), f = N(e.initialFilterMode), d = N(null), c = N(e.query), v = N(0), y = N([]), b = N(null), g = At("codeBlock"), p = At("codeBlockContent"), k = At("codeBlockLineNumbers"), w = N(!1), C = N(!1), $ = m(() => new Set(y.value)), E = m(() => {
+    const i = t, s = Dt(), u = N(e.query), l = N(!1), o = N(e.initialRegExpMode), f = N(e.initialFilterMode), d = N(null), c = N(e.query), v = N(0), y = N([]), b = N(null), g = At("codeBlock"), p = At("codeBlockContent"), k = At("codeBlockLineNumbers"), w = N(!1), C = N(!1), $ = m(() => new Set(y.value)), E = m(() => {
       var te;
       return Array.from({ length: (te = e.code) == null ? void 0 : te.split(`
 `).length }, (be, q) => q + 1);
@@ -8374,7 +8374,7 @@ const uw = ["id"], dw = {
   },
   emits: ["toggle", "update:modelValue"],
   setup(e, { emit: t }) {
-    const a = t, n = xt(), r = $t(), i = N(!0), s = N(!1), u = m(() => e.triggerAlignment === "trailing"), l = m(() => !!n["visible-content"]), o = m({
+    const a = t, n = Dt(), r = $t(), i = N(!0), s = N(!1), u = m(() => e.triggerAlignment === "trailing"), l = m(() => !!n["visible-content"]), o = m({
       get() {
         return e.modelValue;
       },
@@ -16429,14 +16429,14 @@ function X4(e, { slots: t, emit: a }) {
       force: pe
     }), Qt = [];
     for (let Sa = 0; Sa < M.value; Sa++) {
-      const bn = ve(kt, Sa), Dt = Sa + 1, L = Math.ceil(Dt / e.columns), P = e.rows - L + 1, Y = Dt % e.columns || e.columns, ae = e.columns - Y + 1, le = Xe(Y, ae);
+      const bn = ve(kt, Sa), Tt = Sa + 1, L = Math.ceil(Tt / e.columns), P = e.rows - L + 1, Y = Tt % e.columns || e.columns, ae = e.columns - Y + 1, le = Xe(Y, ae);
       Qt.push(
         p.value.getPage({
           ...bn,
           view: o.value,
           titlePosition: e.titlePosition,
           trimWeeks: e.trimWeeks,
-          position: Dt,
+          position: Tt,
           row: L,
           rowFromEnd: P,
           column: Y,
@@ -17986,24 +17986,24 @@ function dP(e, { emit: t, slots: a }) {
     moveToValue: Sa = !1
   } = {}) {
     const bn = he(G);
-    let Dt = tt(
+    let Tt = tt(
       I,
       bn,
       ne,
       Qt
     );
-    if (Ge(Dt)) {
+    if (Ge(Tt)) {
       if (kt)
         return null;
-      Dt = o.value, We = !1;
-    } else Dt == null && e.isRequired ? Dt = o.value : (
+      Tt = o.value, We = !1;
+    } else Tt == null && e.isRequired ? Tt = o.value : (
       // Clear value if same value was passed
-      Dt != null && Pe(o.value, Dt) && pe && (Dt = null)
+      Tt != null && Pe(o.value, Tt) && pe && (Tt = null)
     );
-    const P = kt ? f : o, Y = !Pe(P.value, Dt);
-    P.value = Dt, kt || (f.value = null);
+    const P = kt ? f : o, Y = !Pe(P.value, Tt);
+    P.value = Tt, kt || (f.value = null);
     const ae = Xe(
-      Dt,
+      Tt,
       _.value
     );
     return Y && (g = !1, t(kt ? "drag" : "update:modelValue", ae), gt(() => g = !0)), We && !kt && He(), qe && oe(), Sa && gt(() => Lt(Qt ?? "start")), ae;
@@ -18934,7 +18934,7 @@ const MP = /* @__PURE__ */ mn(EP, [["render", AP]]), OP = { class: "k-segmented-
   },
   emits: ["file-added", "file-removed", "error"],
   setup(e, { emit: t }) {
-    const a = t, n = xt(), r = Vt(), { stripRequiredLabel: i } = It(), s = $t(), u = m(() => r.id ? String(r.id) : s), l = m(() => {
+    const a = t, n = Dt(), r = Vt(), { stripRequiredLabel: i } = It(), s = $t(), u = m(() => r.id ? String(r.id) : s), l = m(() => {
       const z = { ...r };
       return delete z.id, z;
     }), o = N(null), f = N(null), d = m(() => {
@@ -19912,7 +19912,7 @@ const N9 = {
       "32a98737": o.value,
       "6973461e": f.value
     }));
-    const { getSizeFromString: a } = It(), n = t, r = xt(), i = Vt(), s = Db(), u = N(null), l = N(null), o = m(() => e.fullScreen && !r.content ? "95%" : a(e.maxWidth)), f = m(() => e.fullScreen && !r.content ? "95vh" : a(e.maxHeight)), d = m(() => {
+    const { getSizeFromString: a } = It(), n = t, r = Dt(), i = Vt(), s = Db(), u = N(null), l = N(null), o = m(() => e.fullScreen && !r.content ? "95%" : a(e.maxWidth)), f = m(() => e.fullScreen && !r.content ? "95vh" : a(e.maxHeight)), d = m(() => {
       const w = Object.assign({}, i);
       return delete w.class, w;
     }), c = m(() => !!e.title || !!r.title || !e.hideCloseIcon), v = (w) => {
@@ -20553,7 +20553,7 @@ const Os = () => mN(), bN = { "data-testid": "multiselect-container" }, yN = ["i
     Ft((ce) => ({
       b75ec8f8: tt.value
     }));
-    const a = Vt(), n = xt(), { getSizeFromString: r, cloneDeep: i, stripRequiredLabel: s } = It(), u = 36, l = "Filter...", o = e, f = t, d = At("kMultiselectItems"), c = m(() => a.required !== void 0 && String(a.required) !== "false"), v = m(() => s(o.label, c.value)), y = m(() => {
+    const a = Vt(), n = Dt(), { getSizeFromString: r, cloneDeep: i, stripRequiredLabel: s } = It(), u = 36, l = "Filter...", o = e, f = t, d = At("kMultiselectItems"), c = m(() => a.required !== void 0 && String(a.required) !== "false"), v = m(() => s(o.label, c.value)), y = m(() => {
       var ce, H;
       return !!((ce = o.labelAttributes) != null && ce.help || (H = o.labelAttributes) != null && H.info || n["label-tooltip"]);
     }), b = (ce) => Ce.value || De.value || ce != null && ce.disabled ? "neutral" : o.error ? "danger" : "info", g = {
@@ -21031,113 +21031,74 @@ const Os = () => mN(), bN = { "data-testid": "multiselect-container" }, yN = ["i
   inheritAttrs: !1,
   __name: "KPrompt",
   props: {
-    visible: {
-      type: Boolean,
-      default: !1
-    },
-    title: {
-      type: String,
-      default: ""
-    },
-    message: {
-      type: String,
-      default: ""
-    },
-    actionButtonText: {
-      type: String,
-      default: "Confirm"
-    },
-    actionButtonAppearance: {
-      type: String,
-      default: "primary"
-    },
-    actionButtonDisabled: {
-      type: Boolean,
-      default: !1
-    },
-    cancelButtonText: {
-      type: String,
-      default: "Cancel"
-    },
-    cancelButtonAppearance: {
-      type: String,
-      default: "tertiary"
-    },
-    cancelButtonDisabled: {
-      type: Boolean,
-      default: !1
-    },
-    confirmationText: {
-      type: String,
-      default: ""
-    },
-    confirmationPrompt: {
-      type: String,
-      default: "Type {confirmationText} to confirm your action."
-    },
-    modalAttributes: {
-      type: Object,
-      default: () => ({})
-    },
-    errorMessage: {
-      type: String,
-      default: "You must enter the text as indicated above to confirm."
-    }
+    visible: { type: Boolean },
+    title: { default: "" },
+    message: { default: "" },
+    actionButtonText: { default: "Confirm" },
+    actionButtonAppearance: { default: "primary" },
+    actionButtonDisabled: { type: Boolean },
+    cancelButtonText: { default: "Cancel" },
+    cancelButtonAppearance: { default: "tertiary" },
+    cancelButtonDisabled: { type: Boolean },
+    confirmationText: { default: "" },
+    confirmationPrompt: { default: "Type {confirmationText} to confirm your action." },
+    modalAttributes: { default: () => ({}) },
+    errorMessage: { default: "You must enter the text as indicated above to confirm." }
   },
-  emits: ["cancel", "proceed"],
+  emits: ["proceed", "cancel"],
   setup(e, { emit: t }) {
-    const a = e, n = Vt(), r = t, i = m(() => {
-      const d = Object.assign({}, n);
+    const a = t, n = Dt(), r = Vt(), i = m(() => {
+      const d = Object.assign({}, r);
       return delete d["tabbable-options"], delete d["max-width"], delete d["max-height"], delete d["close-on-backdrop-click"], delete d["input-autofocus"], delete d["hide-close-icon"], delete d["hide-cancel-button"], delete d["full-screen"], d;
-    }), s = N(""), u = N(!1), l = m(() => a.actionButtonDisabled ? !0 : a.confirmationText ? a.confirmationText !== s.value : !1), o = m(() => a.confirmationPrompt.split("{confirmationText}")), f = () => {
-      l.value ? u.value = !0 : r("proceed");
+    }), s = N(""), u = N(!1), l = m(() => e.actionButtonDisabled ? !0 : e.confirmationText ? e.confirmationText !== s.value : !1), o = m(() => e.confirmationPrompt.split("{confirmationText}")), f = () => {
+      l.value ? u.value = !0 : a("proceed");
     };
-    return fe(() => a.visible, (d) => {
+    return fe(() => e.visible, (d) => {
       d || (s.value = "", u.value = !1);
     }), fe(s, (d) => {
-      d && d === a.confirmationText && (u.value = !1);
-    }), (d, c) => (h(), J($g, ze({ ...i.value, ...e.modalAttributes }, {
-      "action-button-appearance": e.actionButtonAppearance,
+      d && d === e.confirmationText && (u.value = !1);
+    }), (d, c) => (h(), J($g, ze({ ...i.value, ...d.modalAttributes }, {
+      "action-button-appearance": d.actionButtonAppearance,
       "action-button-disabled": l.value,
-      "action-button-text": e.actionButtonText,
-      "cancel-button-appearance": e.cancelButtonAppearance,
-      "cancel-button-disabled": e.cancelButtonDisabled,
-      "cancel-button-text": e.cancelButtonText,
+      "action-button-text": d.actionButtonText,
+      "cancel-button-appearance": d.cancelButtonAppearance,
+      "cancel-button-disabled": d.cancelButtonDisabled,
+      "cancel-button-text": d.cancelButtonText,
       class: "k-prompt",
-      "input-autofocus": e.modalAttributes.inputAutofocus === void 0 ? !0 : e.modalAttributes.inputAutofocus,
-      title: e.title || "Confirm your action",
-      visible: e.visible,
-      onCancel: c[1] || (c[1] = (v) => d.$emit("cancel")),
-      onProceed: c[2] || (c[2] = (v) => d.$emit("proceed"))
+      "input-autofocus": d.modalAttributes.inputAutofocus === void 0 ? !0 : d.modalAttributes.inputAutofocus,
+      title: d.title || "Confirm your action",
+      visible: d.visible,
+      onCancel: c[1] || (c[1] = (v) => a("cancel")),
+      onProceed: c[2] || (c[2] = (v) => a("proceed"))
     }), yt({
       default: B(() => [
-        d.$slots.default || e.message ? (h(), D("div", ON, [
+        n.default || d.message ? (h(), D("div", ON, [
           Z(d.$slots, "default", {}, () => [
-            K("p", PN, ie(e.message), 1)
+            K("p", PN, ie(d.message), 1)
           ], !0)
         ])) : Q("", !0),
-        e.confirmationText ? (h(), D("div", NN, [
+        d.confirmationText ? (h(), D("div", NN, [
           K("p", LN, [
             me(ie(o.value[0]) + " ", 1),
-            K("span", BN, '"' + ie(e.confirmationText) + '"', 1),
+            K("span", BN, '"' + ie(d.confirmationText) + '"', 1),
             me(" " + ie(o.value[1] ? o.value[1] : ""), 1)
           ]),
           X(pn, {
             modelValue: s.value,
             "onUpdate:modelValue": c[0] || (c[0] = (v) => s.value = v),
-            "aria-label": `${o.value[0]}'${e.confirmationText}'${o.value[1] ? o.value[1] : ""}`,
+            "aria-label": `${o.value[0]}'${d.confirmationText}'${o.value[1] ? o.value[1] : ""}`,
             autocapitalize: "off",
             autocomplete: "off",
             "data-testid": "confirmation-input",
             error: u.value,
-            "error-message": e.errorMessage,
+            "error-message": d.errorMessage,
             onKeydown: ft(Ve(f, ["prevent"]), ["enter"])
           }, null, 8, ["modelValue", "aria-label", "error", "error-message", "onKeydown"])
         ])) : Q("", !0)
       ]),
       _: 2
     }, [
-      d.$slots.title ? {
+      n.title ? {
         name: "title",
         fn: B(() => [
           Z(d.$slots, "title", {}, void 0, !0)
@@ -21146,7 +21107,7 @@ const Os = () => mN(), bN = { "data-testid": "multiselect-container" }, yN = ["i
       } : void 0
     ]), 1040, ["action-button-appearance", "action-button-disabled", "action-button-text", "cancel-button-appearance", "cancel-button-disabled", "cancel-button-text", "input-autofocus", "title", "visible"]));
   }
-}), FN = /* @__PURE__ */ Ae(RN, [["__scopeId", "data-v-8d8a17b7"]]), zN = ["id", "aria-checked", "checked", "disabled", "tabindex"], YN = {
+}), FN = /* @__PURE__ */ Ae(RN, [["__scopeId", "data-v-6fbede40"]]), zN = ["id", "aria-checked", "checked", "disabled", "tabindex"], YN = {
   key: 0,
   class: "radio-description"
 }, _N = ["for", "tabindex"], HN = {
@@ -21228,7 +21189,7 @@ const Os = () => mN(), bN = { "data-testid": "multiselect-container" }, yN = ["i
   },
   emits: ["change", "update:modelValue"],
   setup(e, { emit: t }) {
-    const a = e, n = xt(), r = Vt(), i = $t(), s = m(() => r.id ? String(r.id) : i), u = m(() => (r == null ? void 0 : r.disabled) !== void 0 && String(r == null ? void 0 : r.disabled) !== "false"), l = m(() => !!(a.label || n.default)), o = m(() => l.value && (!!a.description || !!n.description)), f = m(() => !!a.label && (!!a.description || !!n.description)), d = m(() => !!n.tooltip), c = m(() => a.selectedValue === a.modelValue), v = t, y = () => {
+    const a = e, n = Dt(), r = Vt(), i = $t(), s = m(() => r.id ? String(r.id) : i), u = m(() => (r == null ? void 0 : r.disabled) !== void 0 && String(r == null ? void 0 : r.disabled) !== "false"), l = m(() => !!(a.label || n.default)), o = m(() => l.value && (!!a.description || !!n.description)), f = m(() => !!a.label && (!!a.description || !!n.description)), d = m(() => !!n.tooltip), c = m(() => a.selectedValue === a.modelValue), v = t, y = () => {
       v("change", a.selectedValue), v("update:modelValue", a.selectedValue);
     }, b = m(() => {
       const p = { ...r };
@@ -21498,7 +21459,7 @@ const Os = () => mN(), bN = { "data-testid": "multiselect-container" }, yN = ["i
       "6d76f205": T.value,
       cef4ca2c: U.value
     }));
-    const { getSizeFromString: a, stripRequiredLabel: n } = It(), r = t, i = Vt(), s = xt(), u = $t(), l = m(() => i.id ? String(i.id) : u), o = N(!1), f = N(), d = m(() => {
+    const { getSizeFromString: a, stripRequiredLabel: n } = It(), r = t, i = Vt(), s = Dt(), u = $t(), l = m(() => i.id ? String(i.id) : u), o = N(!1), f = N(), d = m(() => {
       var q;
       return !!((q = e.labelAttributes) != null && q.info || s["label-tooltip"]);
     }), c = m(() => i.required !== void 0 && String(i.required) !== "false"), v = m(() => i.disabled !== void 0 && String(i.disabled) !== "false"), y = m(() => i.readonly !== void 0 && String(i.readonly) !== "false"), b = {
@@ -22368,7 +22329,7 @@ const Os = () => mN(), bN = { "data-testid": "multiselect-container" }, yN = ["i
     Ft((P) => ({
       "3b498190": oe.value
     }));
-    const { useDebounce: a, useRequest: n, useSwrvState: r, clientSideSorter: i, getSizeFromString: s } = It(), u = e, l = t, o = Vt(), f = xt(), d = $t(), c = {
+    const { useDebounce: a, useRequest: n, useSwrvState: r, clientSideSorter: i, getSizeFromString: s } = It(), u = e, l = t, o = Vt(), f = Dt(), d = $t(), c = {
       pageSize: 15,
       page: 1,
       query: "",
@@ -22542,7 +22503,7 @@ const Os = () => mN(), bN = { "data-testid": "multiselect-container" }, yN = ["i
       O.value++, R.value = $e.value;
     }, Sa = () => {
       O.value--, R.value = we.value;
-    }, bn = m(() => !!(u.fetcher && !u.disablePagination && !(!u.paginationOffset && u.hidePaginationWhenOptional && z.value <= u.paginationPageSizes[0]) && !(u.paginationOffset && u.hidePaginationWhenOptional && !we.value && !$e.value && v.value.length < u.paginationPageSizes[0]))), Dt = (P) => P.toLowerCase().replace(/[^[a-z0-9]/gi, "-");
+    }, bn = m(() => !!(u.fetcher && !u.disablePagination && !(!u.paginationOffset && u.hidePaginationWhenOptional && z.value <= u.paginationPageSizes[0]) && !(u.paginationOffset && u.hidePaginationWhenOptional && !we.value && !$e.value && v.value.length < u.paginationPageSizes[0]))), Tt = (P) => P.toLowerCase().replace(/[^[a-z0-9]/gi, "-");
     fe([_, b], (P) => {
       const Y = P[0], le = P[1].filter((ye) => Y[ye.key] !== !1);
       JSON.stringify(le) !== JSON.stringify(g.value) && (g.value = le, kt());
@@ -22608,7 +22569,7 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), q();
               name: "action",
               fn: B(() => [
                 X(rt, {
-                  "data-testid": Dt(e.errorStateActionMessage),
+                  "data-testid": Tt(e.errorStateActionMessage),
                   to: e.errorStateActionRoute ? e.errorStateActionRoute : void 0,
                   onClick: Y[1] || (Y[1] = (ae) => P.$emit("error-action-click"))
                 }, {
@@ -22634,7 +22595,7 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), q();
               fn: B(() => [
                 X(rt, {
                   appearance: e.searchInput ? "tertiary" : "primary",
-                  "data-testid": Dt(e.emptyStateActionMessage),
+                  "data-testid": Tt(e.emptyStateActionMessage),
                   to: e.emptyStateActionRoute ? e.emptyStateActionRoute : void 0,
                   onClick: Y[2] || (Y[2] = (ae) => P.$emit("empty-state-action-click"))
                 }, {
@@ -22961,7 +22922,7 @@ Docs: https://kongponents.konghq.com/components/table-data.html`), q();
     Ft((E) => ({
       "2c7a153f": e.rows
     }));
-    const a = e, n = t, r = Vt(), i = xt(), { stripRequiredLabel: s } = It(), u = m(() => (r == null ? void 0 : r.required) !== void 0 && String(r == null ? void 0 : r.required) !== "false"), l = N(""), o = m(() => s(a.label, u.value)), f = m(() => {
+    const a = e, n = t, r = Vt(), i = Dt(), { stripRequiredLabel: s } = It(), u = m(() => (r == null ? void 0 : r.required) !== void 0 && String(r == null ? void 0 : r.required) !== "false"), l = N(""), o = m(() => s(a.label, u.value)), f = m(() => {
       var E, M;
       return !!((E = a.labelAttributes) != null && E.help || (M = a.labelAttributes) != null && M.info || i["label-tooltip"]);
     }), d = m(() => a.error || a.hasError || p.value ? !0 : void 0), c = N(0), v = m({
@@ -24301,7 +24262,7 @@ Le.create = function(e, t) {
   return new Le(e, t);
 };
 Le.version = pL;
-var Tt = [], Qr, Yl, _l = !1, vl, pl, ds, Zr;
+var xt = [], Qr, Yl, _l = !1, vl, pl, ds, Zr;
 function RL() {
   function e() {
     this.defaults = {
@@ -24327,7 +24288,7 @@ function RL() {
       this.sortable.nativeDraggable ? Ze(document, "dragover", this._handleAutoScroll) : (Ze(document, "pointermove", this._handleFallbackAutoScroll), Ze(document, "touchmove", this._handleFallbackAutoScroll), Ze(document, "mousemove", this._handleFallbackAutoScroll)), Ev(), Ao(), yL();
     },
     nulling: function() {
-      ds = Yl = Qr = _l = Zr = vl = pl = null, Tt.length = 0;
+      ds = Yl = Qr = _l = Zr = vl = pl = null, xt.length = 0;
     },
     _handleFallbackAutoScroll: function(a) {
       this._handleAutoScroll(a, !0);
@@ -24355,9 +24316,9 @@ function RL() {
   });
 }
 function Ao() {
-  Tt.forEach(function(e) {
+  xt.forEach(function(e) {
     clearInterval(e.pid);
-  }), Tt = [];
+  }), xt = [];
 }
 function Ev() {
   clearInterval(Zr);
@@ -24371,13 +24332,13 @@ var hl = Og(function(e, t, a, n) {
       var v = c, y = Et(v), b = y.top, g = y.bottom, p = y.left, k = y.right, w = y.width, C = y.height, $ = void 0, E = void 0, M = v.scrollWidth, _ = v.scrollHeight, z = Ne(v), j = v.scrollLeft, O = v.scrollTop;
       v === l ? ($ = w < M && (z.overflowX === "auto" || z.overflowX === "scroll" || z.overflowX === "visible"), E = C < _ && (z.overflowY === "auto" || z.overflowY === "scroll" || z.overflowY === "visible")) : ($ = w < M && (z.overflowX === "auto" || z.overflowX === "scroll"), E = C < _ && (z.overflowY === "auto" || z.overflowY === "scroll"));
       var A = $ && (Math.abs(k - r) <= s && j + w < M) - (Math.abs(p - r) <= s && !!j), S = E && (Math.abs(g - i) <= s && O + C < _) - (Math.abs(b - i) <= s && !!O);
-      if (!Tt[d])
+      if (!xt[d])
         for (var T = 0; T <= d; T++)
-          Tt[T] || (Tt[T] = {});
-      (Tt[d].vx != A || Tt[d].vy != S || Tt[d].el !== v) && (Tt[d].el = v, Tt[d].vx = A, Tt[d].vy = S, clearInterval(Tt[d].pid), (A != 0 || S != 0) && (o = !0, Tt[d].pid = setInterval((function() {
+          xt[T] || (xt[T] = {});
+      (xt[d].vx != A || xt[d].vy != S || xt[d].el !== v) && (xt[d].el = v, xt[d].vx = A, xt[d].vy = S, clearInterval(xt[d].pid), (A != 0 || S != 0) && (o = !0, xt[d].pid = setInterval((function() {
         n && this.layer === 0 && Le.active._onTouchMove(ds);
-        var F = Tt[this.layer].vy ? Tt[this.layer].vy * u : 0, R = Tt[this.layer].vx ? Tt[this.layer].vx * u : 0;
-        typeof f == "function" && f.call(Le.dragged.parentNode[ra], R, F, e, ds, Tt[this.layer].el) !== "continue" || Pg(Tt[this.layer].el, R, F);
+        var F = xt[this.layer].vy ? xt[this.layer].vy * u : 0, R = xt[this.layer].vx ? xt[this.layer].vx * u : 0;
+        typeof f == "function" && f.call(Le.dragged.parentNode[ra], R, F, e, ds, xt[this.layer].el) !== "continue" || Pg(xt[this.layer].el, R, F);
       }).bind({
         layer: d
       }), 24))), d++;
@@ -24763,7 +24724,7 @@ const GL = {
   emits: ["selected", "expanded"],
   setup(e, { expose: t, emit: a }) {
     var d;
-    const n = e, r = a, i = xt(), s = m(() => !n.hideIcons || !!i["item-icon"]), u = (c) => {
+    const n = e, r = a, i = Dt(), s = m(() => !n.hideIcons || !!i["item-icon"]), u = (c) => {
       c.target && c.target.closest("a:not(.disabled), button:not([data-tree-item-trigger]), label, input, select") !== null || r("selected", n.item);
     }, l = N(!0), o = (c) => {
       l.value = c;
@@ -25601,14 +25562,14 @@ const dB = ["href"], cB = /* @__PURE__ */ se({
   },
   emits: ["cell-click", "row-click", "error-action-click", "empty-state-action-click", "update:table-preferences", "sort", "page-change", "page-size-change", "get-next-offset", "get-previous-offset", "row-select", "update:row-expanded", "row-actions-toggle"],
   setup(e, { emit: t }) {
-    var Dt;
+    var Tt;
     Ft((L) => ({
       e2a96d24: x(Xe).expandable,
       "1f773479": we.value,
       "5f06ad11": E.value,
       "4a766736": U.value
     }));
-    const a = e, n = t, r = Vt(), i = xt(), s = $t(), { getSizeFromString: u } = It(), l = (L) => typeof a.rowKey == "function" && typeof a.rowKey(L) == "string" ? a.rowKey(L) : typeof a.rowKey == "string" && a.rowKey in L && typeof L[a.rowKey] == "string" ? L[a.rowKey] : "", o = At("table-wrapper"), f = At("header-row"), d = N([]), c = N([]), v = N(""), y = N(""), b = N(""), g = m(() => d.value.filter((L) => L.hidable).length > 0), p = m(() => a.nested || !g.value || a.error ? !1 : i.toolbar ? !0 : !a.loading && !!a.data && !!a.data.length), k = m(() => a.loading || !(a.data && a.data.length)), w = m(() => d.value.filter((L) => L.hidable && !Re(L.key))), C = m(() => p.value ? a.tablePreferences.columnVisibility || {} : {}), $ = N(p.value ? a.tablePreferences.columnVisibility || {} : {}), E = N("100%"), M = N(!1), _ = N(!1), z = N(!1), j = N(!1), O = N(""), A = N("desc"), S = N(!1), T = m(() => !a.hideToolbar && !a.nested && (!!i.toolbar || p.value || ve.value)), F = N(!1), R = m(() => ({
+    const a = e, n = t, r = Vt(), i = Dt(), s = $t(), { getSizeFromString: u } = It(), l = (L) => typeof a.rowKey == "function" && typeof a.rowKey(L) == "string" ? a.rowKey(L) : typeof a.rowKey == "string" && a.rowKey in L && typeof L[a.rowKey] == "string" ? L[a.rowKey] : "", o = At("table-wrapper"), f = At("header-row"), d = N([]), c = N([]), v = N(""), y = N(""), b = N(""), g = m(() => d.value.filter((L) => L.hidable).length > 0), p = m(() => a.nested || !g.value || a.error ? !1 : i.toolbar ? !0 : !a.loading && !!a.data && !!a.data.length), k = m(() => a.loading || !(a.data && a.data.length)), w = m(() => d.value.filter((L) => L.hidable && !Re(L.key))), C = m(() => p.value ? a.tablePreferences.columnVisibility || {} : {}), $ = N(p.value ? a.tablePreferences.columnVisibility || {} : {}), E = N("100%"), M = N(!1), _ = N(!1), z = N(!1), j = N(!1), O = N(""), A = N("desc"), S = N(!1), T = m(() => !a.hideToolbar && !a.nested && (!!i.toolbar || p.value || ve.value)), F = N(!1), R = m(() => ({
       maxHeight: u(a.maxHeight)
     })), U = m(() => `${Ep()}px`), W = N([]), ee = m(() => !a.nested && !a.error && d.value.some((L) => L.key === Ke.BULK_ACTIONS) && !!(i["bulk-action-items"] || i["bulk-actions"]) && !!a.data.every((L) => l(L))), V = N([]), ve = m(() => a.nested || !ee.value || a.error ? !1 : i.toolbar ? !0 : !a.loading && !!a.data && !!a.data.length), ue = m(() => {
       const L = W.value.length;
@@ -25650,7 +25611,7 @@ const dB = ["href"], cB = /* @__PURE__ */ se({
             }
         }
       };
-    }), Ge = parseInt(Qv) * 2 + parseInt(Ea), tt = { expandable: Ge, bulkActions: 48, actions: 54 }, Xe = Object.keys(tt).map((L) => ({ [L]: `${tt[L]}px` })).reduce((L, P) => ({ ...L, ...P }), {}), je = N(((Dt = a.tablePreferences) == null ? void 0 : Dt.columnWidths) || tt), Qe = m(() => {
+    }), Ge = parseInt(Qv) * 2 + parseInt(Ea), tt = { expandable: Ge, bulkActions: 48, actions: 54 }, Xe = Object.keys(tt).map((L) => ({ [L]: `${tt[L]}px` })).reduce((L, P) => ({ ...L, ...P }), {}), je = N(((Tt = a.tablePreferences) == null ? void 0 : Tt.columnWidths) || tt), Qe = m(() => {
       const L = {};
       for (const P in je.value) {
         if (!je.value[P])
@@ -26266,7 +26227,7 @@ const dB = ["href"], cB = /* @__PURE__ */ se({
   },
   emits: ["cell-click", "row-click", "error-action-click", "empty-state-action-click", "update:table-preferences", "sort", "state", "row-select", "update:row-expanded", "row-actions-toggle"],
   setup(e, { expose: t, emit: a }) {
-    const n = e, r = xt(), { useDebounce: i, useRequest: s, useSwrvState: u, clientSideSorter: l } = It(), o = a, f = $t(), d = N([]), c = m(() => n.sortable ? n.headers : n.headers.map((re) => ({ ...re, sortable: !1 }))), v = m(() => n.emptyStateButtonAppearance ? n.emptyStateButtonAppearance : n.searchInput ? "tertiary" : "primary"), y = N(0), b = N(1), g = N(Tg(n.tablePreferences, n.paginationAttributes)), p = N(n.searchInput ?? ""), k = N(""), w = N("desc"), C = N(null), $ = N([]), E = N(!0), M = N(!1), _ = {
+    const n = e, r = Dt(), { useDebounce: i, useRequest: s, useSwrvState: u, clientSideSorter: l } = It(), o = a, f = $t(), d = N([]), c = m(() => n.sortable ? n.headers : n.headers.map((re) => ({ ...re, sortable: !1 }))), v = m(() => n.emptyStateButtonAppearance ? n.emptyStateButtonAppearance : n.searchInput ? "tertiary" : "primary"), y = N(0), b = N(1), g = N(Tg(n.tablePreferences, n.paginationAttributes)), p = N(n.searchInput ?? ""), k = N(""), w = N("desc"), C = N(null), $ = N([]), E = N(!0), M = N(!1), _ = {
       pageSize: g.value,
       page: b.value,
       query: p.value,