@kong/kongponents 9.46.5-pr.2983.c02bc9f.0 → 9.46.6-pr.2985.85534d2.0

package/dist/kongponents.es105.js

@@ -1,9 +1,9 @@
 import { defineComponent as T, useSlots as b, useId as K, computed as u, createElementBlock as i, openBlock as o, normalizeClass as f, createElementVNode as l, createCommentVNode as s, renderSlot as n, createBlock as y, resolveDynamicComponent as N, unref as k, createTextVNode as $, toDisplayString as c, createVNode as O, withCtx as d, Fragment as S, renderList as D } from "vue";
-import v from "./kongponents.es234.js";
-import R from "./kongponents.es218.js";
-import U from "./kongponents.es191.js";
-import A from "./kongponents.es176.js";
-import { KUI_COLOR_TEXT_DECORATIVE_AQUA as L, KUI_COLOR_TEXT_NEUTRAL as w, KUI_COLOR_TEXT_WARNING as z, KUI_ICON_SIZE_60 as X } from "./kongponents.es177.js";
+import v from "./kongponents.es225.js";
+import R from "./kongponents.es199.js";
+import U from "./kongponents.es184.js";
+import A from "./kongponents.es203.js";
+import { KUI_COLOR_TEXT_DECORATIVE_AQUA as L, KUI_COLOR_TEXT_NEUTRAL as w, KUI_COLOR_TEXT_WARNING as z, KUI_ICON_SIZE_60 as X } from "./kongponents.es173.js";
 import F from "./kongponents.es33.js";
 import "./kongponents.es5.js";
 import "./kongponents.es10.js";

package/dist/kongponents.es107.js

@@ -2,9 +2,9 @@ import { defineComponent as re, useSlots as oe, useAttrs as ue, useId as ne, com
 import ce from "./kongponents.es48.js";
 import fe from "./kongponents.es46.js";
 import H from "./kongponents.es33.js";
-import be from "./kongponents.es181.js";
-import me from "./kongponents.es216.js";
-import pe from "./kongponents.es217.js";
+import be from "./kongponents.es194.js";
+import me from "./kongponents.es226.js";
+import pe from "./kongponents.es227.js";
 const he = ["role"], ge = { class: "file-upload-input-wrapper" }, ye = {
   key: 1,
   class: "file-upload-dropzone-wrapper"

package/dist/kongponents.es109.js

@@ -1,9 +1,9 @@
 import { defineComponent as te, useCssVars as ae, ref as n, watch as m, useSlots as le, useTemplateRef as re, useAttrs as oe, computed as l, useId as P, onMounted as ie, nextTick as ne, createElementBlock as c, openBlock as o, normalizeClass as K, unref as v, createBlock as V, createCommentVNode as p, createElementVNode as W, createVNode as ue, mergeProps as R, createSlots as se, withCtx as x, createTextVNode as L, toDisplayString as I, renderSlot as b, withModifiers as T, Transition as de, Fragment as ce } from "vue";
-import fe from "./kongponents.es181.js";
+import fe from "./kongponents.es194.js";
 import me from "./kongponents.es48.js";
-import { KUI_ICON_SIZE_40 as O } from "./kongponents.es177.js";
-import ve from "./kongponents.es235.js";
-import he from "./kongponents.es236.js";
+import { KUI_ICON_SIZE_40 as O } from "./kongponents.es173.js";
+import ve from "./kongponents.es195.js";
+import he from "./kongponents.es196.js";
 const ge = ["id", "aria-describedby", "aria-invalid", "type", "value"], pe = ["aria-label"], be = ["id"], xe = /* @__PURE__ */ te({
   inheritAttrs: !1,
   __name: "KInput",

package/dist/kongponents.es113.js

@@ -1,8 +1,8 @@
 import { defineComponent as b, watch as h, useSlots as g, computed as k, useId as A, useTemplateRef as C, createElementBlock as T, openBlock as a, normalizeClass as v, renderSlot as n, createBlock as N, createCommentVNode as E, mergeProps as L, unref as o, withCtx as s, createVNode as y, createTextVNode as B, toDisplayString as x } from "vue";
 import I from "./kongponents.es24.js";
 /* empty css                 */
-import S from "./kongponents.es174.js";
-import { KUI_COLOR_TEXT_NEUTRAL as q } from "./kongponents.es177.js";
+import S from "./kongponents.es193.js";
+import { KUI_COLOR_TEXT_NEUTRAL as q } from "./kongponents.es173.js";
 const K = /* @__PURE__ */ b({
   __name: "KLabel",
   props: {

package/dist/kongponents.es115.js

@@ -1,10 +1,10 @@
 import { defineComponent as U, useCssVars as q, computed as r, useSlots as F, useAttrs as R, useId as P, ref as k, watch as L, nextTick as D, onMounted as j, onBeforeUnmount as X, onUnmounted as Y, createElementBlock as f, createCommentVNode as n, openBlock as i, mergeProps as G, unref as m, createElementVNode as c, normalizeClass as h, createVNode as p, withCtx as C, renderSlot as s, createTextVNode as E, toDisplayString as $, createBlock as J } from "vue";
-import { FocusTrap as Q } from "./kongponents.es219.js";
-import { useTextSelection as Z } from "./kongponents.es194.js";
+import { FocusTrap as Q } from "./kongponents.es222.js";
+import { useTextSelection as Z } from "./kongponents.es211.js";
 import I from "./kongponents.es33.js";
-import _ from "./kongponents.es172.js";
-import { KUI_COLOR_TEXT_NEUTRAL as ee } from "./kongponents.es177.js";
-import { normalizeSize as V } from "./kongponents.es178.js";
+import _ from "./kongponents.es179.js";
+import { KUI_COLOR_TEXT_NEUTRAL as ee } from "./kongponents.es173.js";
+import { normalizeSize as V } from "./kongponents.es186.js";
 const te = ["aria-label"], ae = {
   key: 0,
   class: "modal-header"

package/dist/kongponents.es117.js

@@ -1,7 +1,7 @@
 import { defineComponent as C, ref as $, computed as w, watch as S, nextTick as T, onMounted as V, onBeforeUnmount as K, onUnmounted as A, createElementBlock as d, createCommentVNode as c, openBlock as i, withKeys as k, createElementVNode as o, normalizeClass as E, renderSlot as n, createTextVNode as a, toDisplayString as s, createVNode as r, unref as v, withCtx as y } from "vue";
 import p from "./kongponents.es33.js";
-import D from "./kongponents.es218.js";
-import { KUI_COLOR_TEXT_DECORATIVE_AQUA as H } from "./kongponents.es177.js";
+import D from "./kongponents.es199.js";
+import { KUI_COLOR_TEXT_DECORATIVE_AQUA as H } from "./kongponents.es173.js";
 const _ = ["aria-label"], O = { class: "k-modal-fullscreen-body-header" }, M = {
   key: 0,
   class: "body-header"

package/dist/kongponents.es119.js

@@ -1,21 +1,21 @@
 import { defineComponent as et, useCssVars as tt, computed as f, useAttrs as lt, useSlots as at, watch as V, useTemplateRef as G, ref as h, useId as Pe, nextTick as j, onMounted as ot, onBeforeUnmount as ut, resolveComponent as st, createElementBlock as b, openBlock as c, normalizeStyle as oe, normalizeClass as ue, createBlock as K, createCommentVNode as A, createElementVNode as F, mergeProps as se, createSlots as ie, withCtx as y, createTextVNode as Q, toDisplayString as E, renderSlot as q, createVNode as C, unref as k, withKeys as B, Fragment as Ve, renderList as qe, withModifiers as R } from "vue";
-import it from "./kongponents.es181.js";
+import it from "./kongponents.es194.js";
 import Z from "./kongponents.es31.js";
 import ze from "./kongponents.es46.js";
 import nt from "./kongponents.es48.js";
 import rt from "./kongponents.es53.js";
 import dt from "./kongponents.es20.js";
-import ct from "./kongponents.es220.js";
-import vt from "./kongponents.es221.js";
-import ft from "./kongponents.es213.js";
-import ne from "./kongponents.es172.js";
-import mt from "./kongponents.es189.js";
-import { KUI_SPACE_40 as pt, KUI_ICON_SIZE_40 as re } from "./kongponents.es177.js";
-import { ResizeObserverHelper as ht } from "./kongponents.es204.js";
+import ct from "./kongponents.es209.js";
+import vt from "./kongponents.es210.js";
+import ft from "./kongponents.es198.js";
+import ne from "./kongponents.es179.js";
+import mt from "./kongponents.es182.js";
+import { KUI_SPACE_40 as pt, KUI_ICON_SIZE_40 as re } from "./kongponents.es173.js";
+import { ResizeObserverHelper as ht } from "./kongponents.es208.js";
 import { sanitizeInput as gt } from "./kongponents.es168.js";
-import { useEventListener as bt } from "./kongponents.es194.js";
+import { useEventListener as bt } from "./kongponents.es211.js";
 import { getUniqueStringId as yt } from "./kongponents.es151.js";
-import { normalizeSize as Me } from "./kongponents.es178.js";
+import { normalizeSize as Me } from "./kongponents.es186.js";
 const wt = { "data-testid": "multiselect-container" }, kt = ["id", "tabindex"], Ct = { key: 0 }, St = {
   key: 1,
   class: "expanded-selection-empty"

package/dist/kongponents.es122.js

@@ -1,11 +1,11 @@
 import { defineComponent as le, ref as v, computed as m, watch as K, onMounted as ie, onBeforeUnmount as ne, createElementBlock as f, openBlock as r, normalizeClass as j, createBlock as q, createElementVNode as c, Fragment as H, createTextVNode as L, toDisplayString as P, createCommentVNode as k, createVNode as C, withCtx as J, unref as h, renderList as ue, nextTick as oe } from "vue";
 import se from "./kongponents.es42.js";
 import T from "./kongponents.es33.js";
-import ve from "./kongponents.es227.js";
-import re from "./kongponents.es228.js";
-import ce from "./kongponents.es213.js";
-import de from "./kongponents.es229.js";
-import { ResizeObserverHelper as ge } from "./kongponents.es204.js";
+import ve from "./kongponents.es205.js";
+import re from "./kongponents.es206.js";
+import ce from "./kongponents.es198.js";
+import de from "./kongponents.es207.js";
+import { ResizeObserverHelper as ge } from "./kongponents.es208.js";
 const fe = {
   class: "pagination-text large-screen",
   "data-testid": "visible-items"

package/dist/kongponents.es124.js

@@ -1,12 +1,12 @@
 import { defineComponent as Y, useSlots as _, useId as U, ref as v, computed as r, onMounted as ee, onBeforeUnmount as te, watch as oe, createBlock as le, openBlock as f, resolveDynamicComponent as ae, withKeys as ie, withModifiers as re, withCtx as h, createElementVNode as C, createVNode as y, renderSlot as b, unref as n, createTextVNode as H, toDisplayString as $, Transition as ne, withDirectives as se, mergeProps as ue, normalizeStyle as ce, createElementBlock as k, createCommentVNode as w, normalizeClass as N, vShow as de } from "vue";
-import { useFloating as ve } from "./kongponents.es230.js";
+import { useFloating as ve } from "./kongponents.es212.js";
 import fe from "./kongponents.es33.js";
-import pe from "./kongponents.es172.js";
-import { KUI_SPACE_60 as me, KUI_ICON_SIZE_30 as ge } from "./kongponents.es177.js";
-import he from "./kongponents.es231.js";
-import { useEventListener as p } from "./kongponents.es194.js";
-import { normalizeSize as x } from "./kongponents.es178.js";
-import { shift as Ce, flip as ye, autoPlacement as be, autoUpdate as ke } from "./kongponents.es232.js";
+import pe from "./kongponents.es179.js";
+import { KUI_SPACE_60 as me, KUI_ICON_SIZE_30 as ge } from "./kongponents.es173.js";
+import he from "./kongponents.es213.js";
+import { useEventListener as p } from "./kongponents.es211.js";
+import { normalizeSize as x } from "./kongponents.es186.js";
+import { shift as Ce, flip as ye, autoPlacement as be, autoUpdate as ke } from "./kongponents.es214.js";
 const we = ["id", "aria-labelledby", "x-placement"], xe = ["tabindex"], Ee = {
   key: 1,
   class: "popover-header"

package/dist/kongponents.es128.js

@@ -1,7 +1,7 @@
 import { defineComponent as z, watch as V, useSlots as D, useAttrs as E, useId as P, computed as l, resolveComponent as q, createElementBlock as o, openBlock as i, normalizeClass as v, createElementVNode as w, createCommentVNode as d, mergeProps as $, createVNode as C, createSlots as U, withCtx as u, renderSlot as s, createTextVNode as k, toDisplayString as b, withKeys as K, withModifiers as M, createBlock as X, unref as R } from "vue";
 import j from "./kongponents.es48.js";
-import F from "./kongponents.es174.js";
-import { KUI_COLOR_TEXT_NEUTRAL as G } from "./kongponents.es177.js";
+import F from "./kongponents.es193.js";
+import { KUI_COLOR_TEXT_NEUTRAL as G } from "./kongponents.es173.js";
 const H = ["id", "aria-checked", "checked", "disabled", "tabindex"], J = {
   key: 0,
   class: "radio-description"

package/dist/kongponents.es130.js

@@ -1,5 +1,5 @@
 import { defineComponent as g, watch as y, computed as h, createElementBlock as n, openBlock as o, Fragment as k, renderList as V, normalizeClass as C, renderSlot as z, createTextVNode as q, toDisplayString as w } from "vue";
-import { warnInvalidProp as S } from "./kongponents.es201.js";
+import { warnInvalidProp as S } from "./kongponents.es221.js";
 const I = { class: "k-segmented-control" }, $ = ["data-testid", "disabled", "onClick"], x = /* @__PURE__ */ g({
   __name: "KSegmentedControl",
   props: {

package/dist/kongponents.es132.js

@@ -1,20 +1,20 @@
-import { defineComponent as Pe, useCssVars as xe, computed as u, ref as b, useAttrs as Be, useSlots as Te, useId as _, useTemplateRef as B, watch as T, nextTick as qe, onMounted as De, onBeforeUnmount as Le, createElementBlock as y, openBlock as f, normalizeClass as q, createBlock as D, createCommentVNode as h, createVNode as k, mergeProps as M, createSlots as ee, withCtx as m, createTextVNode as H, toDisplayString as L, renderSlot as p, unref as I, createElementVNode as te, withKeys as le, withModifiers as Oe, Transition as Ne } from "vue";
-import ze from "./kongponents.es181.js";
+import { defineComponent as xe, useCssVars as Be, computed as u, ref as b, useAttrs as Te, useSlots as qe, useId as _, useTemplateRef as B, watch as T, nextTick as De, onMounted as Le, onBeforeUnmount as Oe, createElementBlock as y, openBlock as f, normalizeClass as q, createBlock as D, createCommentVNode as h, createVNode as k, mergeProps as M, createSlots as ee, withCtx as m, createTextVNode as H, toDisplayString as L, renderSlot as p, unref as I, createElementVNode as te, withKeys as le, withModifiers as oe, Transition as Ne } from "vue";
+import ze from "./kongponents.es194.js";
 import Re from "./kongponents.es48.js";
 import We from "./kongponents.es46.js";
 import Ve from "./kongponents.es53.js";
 import Ue from "./kongponents.es20.js";
-import Me from "./kongponents.es237.js";
-import He from "./kongponents.es238.js";
-import Je from "./kongponents.es213.js";
-import Qe from "./kongponents.es172.js";
-import Ye from "./kongponents.es189.js";
-import { ResizeObserverHelper as je } from "./kongponents.es204.js";
-import { sanitizeInput as oe } from "./kongponents.es168.js";
-import { useEventListener as Ge } from "./kongponents.es194.js";
+import Me from "./kongponents.es232.js";
+import He from "./kongponents.es233.js";
+import Je from "./kongponents.es198.js";
+import Qe from "./kongponents.es179.js";
+import Ye from "./kongponents.es182.js";
+import { ResizeObserverHelper as je } from "./kongponents.es208.js";
+import { sanitizeInput as ae } from "./kongponents.es168.js";
+import { useEventListener as Ge } from "./kongponents.es211.js";
 import { getUniqueStringId as Xe } from "./kongponents.es151.js";
-import { normalizeSize as ae } from "./kongponents.es178.js";
-import { KUI_SPACE_40 as Ze } from "./kongponents.es177.js";
+import { normalizeSize as re } from "./kongponents.es186.js";
+import { KUI_SPACE_40 as Ze } from "./kongponents.es173.js";
 const _e = ["id"], et = ["aria-live"], tt = {
   key: 0,
   class: "select-loading",
@@ -34,7 +34,7 @@ const _e = ["id"], et = ["aria-live"], tt = {
 }, rt = {
   key: 0,
   class: "dropdown-footer dropdown-footer-sticky"
-}, Ft = /* @__PURE__ */ Pe({
+}, Ft = /* @__PURE__ */ xe({
   inheritAttrs: !1,
   __name: "KSelect",
   props: {
@@ -66,12 +66,12 @@ const _e = ["id"], et = ["aria-live"], tt = {
   },
   emits: ["selected", "input", "change", "update:modelValue", "query-change", "item-added", "item-removed"],
   setup(t, { emit: A }) {
-    xe((e) => ({
-      v7a089d98: ve.value,
-      v4d446bc6: E.value,
-      v549311c9: pe.value
+    Be((e) => ({
+      v6076c96c: fe.value,
+      b8612ecc: E.value,
+      v196e0d16: be.value
     }));
-    const { stripRequiredLabel: O } = ze(), d = A, v = Be(), w = Te(), re = _(), J = u(() => v.id ? String(v.id) : re), N = b(!1), z = b(), ie = u(() => {
+    const { stripRequiredLabel: O } = ze(), d = A, v = Te(), w = qe(), ie = _(), J = u(() => v.id ? String(v.id) : ie), N = b(!1), z = b(), ne = u(() => {
       var e;
       return !!((e = t.labelAttributes) != null && e.info || w["label-tooltip"]);
     }), Q = u(() => v.required !== void 0 && String(v.required) !== "false"), C = u(() => v.disabled !== void 0 && String(v.disabled) !== "false"), K = u(() => v.readonly !== void 0 && String(v.readonly) !== "false"), Y = {
@@ -79,10 +79,10 @@ const _e = ["id"], et = ["aria-live"], tt = {
       popoverTimeout: 0,
       placement: "bottom-start",
       hideCaret: !0
-    }, ne = b(0), ue = B("inputElement"), se = u(() => O(t.label, Q.value)), F = b(!1), n = b(""), j = u(() => {
+    }, ue = b(0), se = B("inputElement"), de = u(() => O(t.label, Q.value)), F = b(!1), n = b(""), j = u(() => {
       var e, l;
       return !(!n.value || (l = (e = r.value) == null ? void 0 : e.filter((a) => a.label === n.value)) != null && l.length);
-    }), de = _(), s = b(null), r = b([]), S = b(!1), R = B("popperElement"), g = B("selectWrapperElement"), ce = u({
+    }), ce = _(), s = b(null), r = b([]), S = b(!1), R = B("popperElement"), g = B("selectWrapperElement"), ve = u({
       get() {
         return t.modelValue;
       },
@@ -91,10 +91,10 @@ const _e = ["id"], et = ["aria-live"], tt = {
         const l = (a = r.value) == null ? void 0 : a.filter((o) => o.value === e);
         l != null && l.length ? P(l[0]) : e || V();
       }
-    }), ve = u(() => ae(t.width || "100%")), E = b(""), fe = u(() => {
+    }), fe = u(() => re(t.width || "100%")), E = b(""), me = u(() => {
       const e = { ...v };
       return delete e.class, e;
-    }), me = u(() => {
+    }), pe = u(() => {
       var e;
       return {
         ...Y,
@@ -104,7 +104,7 @@ const _e = ["id"], et = ["aria-live"], tt = {
         maxWidth: String(E.value),
         disabled: C.value || K.value
       };
-    }), pe = u(() => ae(t.dropdownMaxHeight)), be = u(() => ({ ...me.value })), ye = u(() => t.placeholder || v.placeholder || "Select..."), he = u(() => !C.value && t.clearable && !!s.value), G = u(() => !!(s.value && (w["selected-item-template"] || t.reuseItemTemplate && w["item-template"]))), W = u(() => {
+    }), be = u(() => re(t.dropdownMaxHeight)), ye = u(() => ({ ...pe.value })), he = u(() => t.placeholder || v.placeholder || "Select..."), ge = u(() => !C.value && t.clearable && !!s.value), G = u(() => !!(s.value && (w["selected-item-template"] || t.reuseItemTemplate && w["item-template"]))), W = u(() => {
       let e = [];
       if (!t.enableFiltering || !n.value)
         e = r.value;
@@ -114,19 +114,19 @@ const _e = ["id"], et = ["aria-live"], tt = {
       }
       const l = e.filter((o) => !o.group), a = e.filter((o) => o.group).sort((o, i) => o.group.toLowerCase().localeCompare(i.group.toLowerCase()));
       return [...l, ...a];
-    }), ge = (e) => {
+    }), ke = (e) => {
       if (!t.enableFiltering)
         return e.preventDefault(), !1;
-    }, ke = (e) => {
+    }, we = (e) => {
       t.enableItemCreation && X(), e.preventDefault();
     }, X = () => {
       var a, o;
       if (!t.enableItemCreation || !n.value || !j.value || !t.itemCreationValidator(n.value))
         return;
       const e = (((a = r.value) == null ? void 0 : a.length) || 0) + 1, l = {
-        label: oe(n.value),
+        label: ae(n.value),
         value: Xe(),
-        key: `${(o = oe(n.value).replace(/ /gi, "-")) == null ? void 0 : o.replace(/[^a-z0-9-_]/gi, "")}-${e}`,
+        key: `${(o = ae(n.value).replace(/ /gi, "-")) == null ? void 0 : o.replace(/[^a-z0-9-_]/gi, "")}-${e}`,
         custom: !0
       };
       d("item-added", l), P(l, !0), n.value = "";
@@ -142,7 +142,7 @@ const _e = ["id"], et = ["aria-live"], tt = {
         var o;
         l.selected = !1, l.custom && ((o = r.value) == null || o.splice(a, 1), d("item-removed", l));
       }), s.value = null, n.value = "", d("input", null), d("change", null), d("update:modelValue", null);
-    }, Z = B("kSelectItems"), we = (e, l) => {
+    }, Z = B("kSelectItems"), Ce = (e, l) => {
       var o, i;
       if (e.keyCode === 27) {
         l.value = !1;
@@ -150,26 +150,26 @@ const _e = ["id"], et = ["aria-live"], tt = {
       }
       const a = (o = g.value) == null ? void 0 : o.children[0];
       !l.value && a && a.click(), (e.key === "ArrowDown" || e.key === "ArrowUp") && l.value && ((i = Z.value) == null || i.setFocus(e.key === "ArrowDown" ? "down" : "up"));
-    }, Ce = (e) => {
+    }, Fe = (e) => {
       n.value !== e && (n.value = e);
-    }, Fe = () => {
-      S.value = !0;
     }, Se = () => {
-      S.value = !1;
+      S.value = !0;
     }, $e = () => {
+      S.value = !1;
+    }, Ie = () => {
       var e, l, a;
-      t.enableFiltering || (a = (l = (e = ue.value) == null ? void 0 : e.$el) == null ? void 0 : l.querySelector("input")) == null || a.blur();
-    }, Ie = (e) => {
+      t.enableFiltering || (a = (l = (e = se.value) == null ? void 0 : e.$el) == null ? void 0 : l.querySelector("input")) == null || a.blur();
+    }, Ae = (e) => {
       var l;
       (C.value || ((l = e == null ? void 0 : e.target) == null ? void 0 : l.dataset.propagateClicks) === "false") && e.stopPropagation();
-    }, Ae = (e) => {
+    }, Ke = (e) => {
       e();
-    }, Ke = (e, l) => {
+    }, Ee = (e, l) => {
       N.value = !1, s.value ? (F.value = !0, n.value = s.value.label) : n.value = "", l && e();
-    }, Ee = (e) => {
+    }, Pe = (e) => {
       N.value = !0, t.enableFiltering && (n.value = ""), e();
     };
-    return T(ce, (e, l) => {
+    return T(ve, (e, l) => {
       var a;
       if (e !== l) {
         const o = (a = r.value) == null ? void 0 : a.filter((i) => i.value === e);
@@ -184,7 +184,7 @@ const _e = ["id"], et = ["aria-live"], tt = {
           let U = `${(x = (i = r.value[c].label) == null ? void 0 : i.replace(/ /gi, "-")) == null ? void 0 : x.replace(/[^a-z0-9-_]/gi, "")}-${c}`;
           U.includes("undefined") && (U = `select-item-label-${c}`), r.value[c].key = U, (r.value[c].value === t.modelValue || r.value[c].selected) && (r.value[c].selected = !0, s.value = r.value[c], S.value || (F.value = !0, n.value = s.value.label)), (($ = s.value) == null ? void 0 : $.value) === r.value[c].value && (r.value[c].selected = !0);
         }
-        R.value && typeof R.value.updatePopper == "function" && qe(() => {
+        R.value && typeof R.value.updatePopper == "function" && De(() => {
           R.value.updatePopper();
         });
       }
@@ -192,7 +192,7 @@ const _e = ["id"], et = ["aria-live"], tt = {
       F.value && e || (d("query-change", e), F.value = !1);
     }), T(s, (e, l) => {
       e && e !== l && (d("selected", e), d("input", e.value), d("change", e), d("update:modelValue", e.value));
-    }, { deep: !0 }), De(() => {
+    }, { deep: !0 }), Le(() => {
       g.value && (z.value = je.create(() => {
         var e;
         E.value = `${(e = g.value) == null ? void 0 : e.offsetWidth}px`;
@@ -200,7 +200,7 @@ const _e = ["id"], et = ["aria-live"], tt = {
         var l, a;
         !t.enableFiltering && ((l = document.activeElement) == null ? void 0 : l.tagName) === "BODY" && !S.value && N.value && (e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), (a = Z.value) == null || a.setFocus(e.key === "ArrowDown" ? "down" : "up"));
       });
-    }), Le(() => {
+    }), Oe(() => {
       var e;
       g.value && ((e = z.value) == null || e.unobserve(g.value));
     }), (e, l) => (f(), y("div", {
@@ -214,11 +214,11 @@ const _e = ["id"], et = ["aria-live"], tt = {
         required: Q.value
       }), ee({
         default: m(() => [
-          H(L(se.value) + " ", 1)
+          H(L(de.value) + " ", 1)
         ]),
         _: 2
       }, [
-        ie.value ? {
+        ne.value ? {
           name: "tooltip",
           fn: m(() => [
             p(e.$slots, "label-tooltip", {}, void 0, !0)
@@ -228,13 +228,13 @@ const _e = ["id"], et = ["aria-live"], tt = {
       ]), 1040, ["for", "required"])) : h("", !0),
       k(Ue, null, {
         default: m(({ toggle: a, isToggled: o }) => [
-          k(Ve, M({ ref: "popperElement" }, be.value, {
+          k(Ve, M({ ref: "popperElement" }, ye.value, {
             "close-on-popover-click": "",
             "hide-close-icon": "",
             offset: I(Ze),
-            onClose: () => Ke(a, o.value),
-            onOpen: () => Ee(a),
-            onPopoverClick: () => Ae(a)
+            onClose: () => Ee(a, o.value),
+            onOpen: () => Pe(a),
+            onPopoverClick: () => Ke(a)
           }), {
             content: m(() => [
               te("div", {
@@ -284,16 +284,16 @@ const _e = ["id"], et = ["aria-live"], tt = {
             ]),
             default: m(() => [
               te("div", {
-                id: I(de),
+                id: I(ce),
                 ref: "selectWrapperElement",
                 class: "select-wrapper",
                 "data-testid": "select-wrapper",
                 role: "listbox",
-                onClick: Ie
+                onClick: Ae
               }, [
                 (f(), D(We, M({
                   id: J.value,
-                  key: ne.value,
+                  key: ue.value,
                   ref: "inputElement",
                   autocapitalize: "off",
                   autocomplete: "off",
@@ -303,30 +303,30 @@ const _e = ["id"], et = ["aria-live"], tt = {
                   disabled: C.value,
                   error: t.error,
                   "model-value": n.value,
-                  placeholder: s.value && !t.enableFiltering ? s.value.label : ye.value,
+                  placeholder: s.value && !t.enableFiltering ? s.value.label : he.value,
                   readonly: K.value,
                   spellcheck: "false"
-                }, fe.value, {
-                  onBlur: Se,
-                  onClick: $e,
-                  onFocus: Fe,
-                  onKeydown: le(ke, ["enter"]),
-                  onKeypress: ge,
+                }, me.value, {
+                  onBlur: $e,
+                  onClick: Ie,
+                  onFocus: Se,
+                  onKeydown: le(we, ["enter"]),
+                  onKeypress: ke,
                   onKeyup: [
-                    (i) => we(i, o),
-                    l[0] || (l[0] = le(Oe(() => {
+                    (i) => Ce(i, o),
+                    l[0] || (l[0] = le(oe(() => {
                     }, ["stop"]), ["enter"]))
                   ],
-                  "onUpdate:modelValue": Ce
+                  "onUpdate:modelValue": Fe
                 }), ee({
                   after: m(() => [
-                    he.value ? (f(), y("button", {
+                    ge.value ? (f(), y("button", {
                       key: 0,
                       "aria-label": "Clear",
                       class: "clear-selection-button",
                       "data-testid": "clear-selection-icon",
                       type: "button",
-                      onClick: V
+                      onClick: oe(V, ["stop"])
                     }, [
                       k(I(Qe), { decorative: "" })
                     ])) : h("", !0),

package/dist/kongponents.es139.js

@@ -1,8 +1,8 @@
 import { defineComponent as C, useCssVars as h, computed as E, useTemplateRef as b, watch as T, onUnmounted as O, createElementBlock as l, openBlock as s, createVNode as n, Transition as c, withCtx as f, createCommentVNode as a, normalizeClass as B, createElementVNode as d, renderSlot as m, createTextVNode as V, toDisplayString as $, withModifiers as g, unref as v } from "vue";
-import { onClickOutside as w } from "./kongponents.es194.js";
-import x from "./kongponents.es172.js";
-import { KUI_COLOR_TEXT_NEUTRAL as z } from "./kongponents.es177.js";
-import { normalizeSize as L } from "./kongponents.es178.js";
+import { onClickOutside as w } from "./kongponents.es211.js";
+import x from "./kongponents.es179.js";
+import { KUI_COLOR_TEXT_NEUTRAL as z } from "./kongponents.es173.js";
+import { normalizeSize as L } from "./kongponents.es186.js";
 const N = { class: "k-slideout" }, R = {
   key: 0,
   ref: "slideoutContainerElement",

package/dist/kongponents.es141.js

@@ -1,5 +1,5 @@
 import { defineComponent as r, createElementBlock as a, createCommentVNode as n, openBlock as l, Fragment as s, renderList as m, createBlock as o } from "vue";
-import c from "./kongponents.es214.js";
+import c from "./kongponents.es234.js";
 const p = {
   key: 0,
   class: "k-stepper"

package/dist/kongponents.es143.js

@@ -6,15 +6,15 @@ import ht from "./kongponents.es21.js";
 import kt from "./kongponents.es52.js";
 import St from "./kongponents.es24.js";
 /* empty css                 */
-import Ct from "./kongponents.es185.js";
-import zt from "./kongponents.es174.js";
-import $t from "./kongponents.es181.js";
+import Ct from "./kongponents.es177.js";
+import zt from "./kongponents.es193.js";
+import $t from "./kongponents.es194.js";
 import "./kongponents.es5.js";
 import "./kongponents.es10.js";
 import { EmptyStateIconVariants as Pt } from "./kongponents.es11.js";
-import { KUI_ICON_SIZE_30 as Te, KUI_COLOR_TEXT_NEUTRAL as Ke } from "./kongponents.es177.js";
-import Ot from "./kongponents.es212.js";
-import { normalizeSize as At } from "./kongponents.es178.js";
+import { KUI_ICON_SIZE_30 as Te, KUI_COLOR_TEXT_NEUTRAL as Ke } from "./kongponents.es173.js";
+import Ot from "./kongponents.es231.js";
+import { normalizeSize as At } from "./kongponents.es186.js";
 const Ht = { class: "k-table" }, Mt = {
   key: 0,
   class: "table-toolbar",

package/dist/kongponents.es147.js

@@ -1,7 +1,7 @@
 import { defineComponent as J, useCssVars as X, watch as s, useAttrs as Y, useSlots as G, computed as l, ref as k, useId as j, createElementBlock as f, openBlock as u, normalizeClass as A, createBlock as Q, createCommentVNode as z, createElementVNode as T, createVNode as W, mergeProps as I, createSlots as _, withCtx as g, createTextVNode as b, toDisplayString as S, renderSlot as N, unref as c, Transition as ee, Fragment as te } from "vue";
-import ae from "./kongponents.es181.js";
+import ae from "./kongponents.es194.js";
 import le from "./kongponents.es48.js";
-import { IS_MAYBE_FIREFOX as w, getScrollbarSize as re, cssSupports as ie } from "./kongponents.es192.js";
+import { IS_MAYBE_FIREFOX as w, getScrollbarSize as re, cssSupports as ie } from "./kongponents.es185.js";
 const oe = ["data-value"], ne = ["id", "aria-invalid", "rows", "value"], E = 2048, R = w ? 0 : re(), B = ie("field-sizing", "content"), me = /* @__PURE__ */ J({
   inheritAttrs: !1,
   __name: "KTextArea",

package/dist/kongponents.es149.js

@@ -1,11 +1,11 @@
 import { defineComponent as _, useCssVars as f, createBlock as n, openBlock as t, TransitionGroup as k, withCtx as C, createElementBlock as s, Fragment as g, renderList as v, normalizeClass as h, createElementVNode as a, resolveDynamicComponent as y, unref as r, createCommentVNode as c, toDisplayString as i, withModifiers as I, createVNode as T } from "vue";
-import x from "./kongponents.es171.js";
-import E from "./kongponents.es233.js";
-import $ from "./kongponents.es172.js";
-import l from "./kongponents.es174.js";
-import w from "./kongponents.es218.js";
-import z from "./kongponents.es176.js";
-import { KUI_COLOR_TEXT as B, KUI_ICON_SIZE_50 as K, KUI_COLOR_TEXT_NEUTRAL_WEAK as L } from "./kongponents.es177.js";
+import x from "./kongponents.es200.js";
+import E from "./kongponents.es230.js";
+import $ from "./kongponents.es179.js";
+import l from "./kongponents.es193.js";
+import w from "./kongponents.es199.js";
+import z from "./kongponents.es203.js";
+import { KUI_COLOR_TEXT as B, KUI_ICON_SIZE_50 as K, KUI_COLOR_TEXT_NEUTRAL_WEAK as L } from "./kongponents.es173.js";
 const N = { class: "toaster-icon-container" }, O = { class: "toaster-content" }, b = {
   key: 0,
   class: "toaster-title"

package/dist/kongponents.es154.js

@@ -1,8 +1,8 @@
 import { defineComponent as l, watch as f, computed as m, createElementBlock as c, createCommentVNode as t, openBlock as o, renderSlot as d, createBlock as h, unref as n } from "vue";
-import s from "./kongponents.es215.js";
-import { KUI_ICON_SIZE_30 as u } from "./kongponents.es177.js";
+import s from "./kongponents.es224.js";
+import { KUI_ICON_SIZE_30 as u } from "./kongponents.es173.js";
 import { isValidUrl as a } from "./kongponents.es167.js";
-import { warnInvalidProp as k } from "./kongponents.es201.js";
+import { warnInvalidProp as k } from "./kongponents.es221.js";
 const p = ["href"], y = /* @__PURE__ */ l({
   __name: "KExternalLink",
   props: {

package/dist/kongponents.es156.js

@@ -1,9 +1,9 @@
 import { defineComponent as V, useCssVars as A, unref as b, ref as l, watch as K, computed as W, onMounted as O, onBeforeUnmount as P, resolveComponent as U, createElementBlock as i, openBlock as s, normalizeStyle as q, normalizeClass as F, createCommentVNode as u, createElementVNode as k, renderSlot as g, withModifiers as h, toDisplayString as M, createVNode as y, withCtx as z, createTextVNode as $, nextTick as D } from "vue";
-import L from "./kongponents.es203.js";
-import { KUI_SPACE_40 as R, KUI_ICON_SIZE_30 as Z } from "./kongponents.es177.js";
-import { ResizeObserverHelper as j } from "./kongponents.es204.js";
-import { normalizeSize as G } from "./kongponents.es178.js";
-import { warnInvalidProp as J } from "./kongponents.es201.js";
+import L from "./kongponents.es223.js";
+import { KUI_SPACE_40 as R, KUI_ICON_SIZE_30 as Z } from "./kongponents.es173.js";
+import { ResizeObserverHelper as j } from "./kongponents.es208.js";
+import { normalizeSize as G } from "./kongponents.es186.js";
+import { warnInvalidProp as J } from "./kongponents.es221.js";
 const Q = {
   key: 0,
   class: "truncate-expand-controls"

package/dist/kongponents.es158.js

@@ -1,10 +1,10 @@
 import { defineComponent as z, useId as S, ref as i, computed as n, watch as N, onMounted as W, onBeforeUnmount as O, createElementBlock as g, openBlock as s, createCommentVNode as p, createElementVNode as m, toDisplayString as C, normalizeClass as f, createBlock as V, createVNode as b, withCtx as v, withModifiers as F, unref as y } from "vue";
-import { ResizeObserverHelper as K } from "./kongponents.es204.js";
-import M from "./kongponents.es187.js";
+import { ResizeObserverHelper as K } from "./kongponents.es208.js";
+import M from "./kongponents.es180.js";
 import U from "./kongponents.es19.js";
 import L from "./kongponents.es24.js";
 /* empty css                 */
-import { KUI_ICON_SIZE_30 as q } from "./kongponents.es177.js";
+import { KUI_ICON_SIZE_30 as q } from "./kongponents.es173.js";
 const D = { class: "k-copy" }, H = {
   key: 0,
   class: "copy-badge-text"