@kong/kongponents 9.49.9 → 9.49.10-pr.3057.fc5d26a.0

package/dist/kongponents.es132.js

@@ -1,40 +1,40 @@
-import { defineComponent as xe, useCssVars as Be, useAttrs as Te, useSlots as qe, useId as _, computed as u, ref as b, useTemplateRef as B, watch as T, nextTick as De, onMounted as Le, onBeforeUnmount as Oe, openBlock as f, createElementBlock as y, normalizeClass as q, createBlock as D, mergeProps as M, createSlots as ee, withCtx as m, createTextVNode as H, toDisplayString as L, renderSlot as p, createCommentVNode as h, createVNode as k, unref as I, createElementVNode as te, withKeys as le, withModifiers as oe, Transition as Ne } from "vue";
-import ze from "./kongponents.es192.js";
-import Re from "./kongponents.es50.js";
-import We from "./kongponents.es48.js";
-import Ve from "./kongponents.es55.js";
-import Ue from "./kongponents.es23.js";
-import Me from "./kongponents.es231.js";
-import He from "./kongponents.es232.js";
-import Je from "./kongponents.es197.js";
-import Qe from "./kongponents.es175.js";
-import Ye from "./kongponents.es208.js";
-import { ResizeObserverHelper as je } from "./kongponents.es199.js";
-import { sanitizeInput as ae } from "./kongponents.es168.js";
-import { useEventListener as Ge } from "./kongponents.es177.js";
-import { getUniqueStringId as Xe } from "./kongponents.es151.js";
-import { normalizeSize as re } from "./kongponents.es171.js";
-import { KUI_SPACE_40 as Ze } from "./kongponents.es173.js";
-const _e = ["id"], et = ["aria-live"], tt = {
+import { defineComponent as Ve, useCssVars as We, useAttrs as Me, useSlots as Ue, useId as ne, computed as d, ref as p, useTemplateRef as L, watch as O, nextTick as Ge, onMounted as He, onBeforeUnmount as Je, openBlock as m, createElementBlock as g, normalizeClass as R, createBlock as V, mergeProps as Y, createSlots as ue, withCtx as b, createTextVNode as j, toDisplayString as W, renderSlot as y, createCommentVNode as k, createVNode as $, unref as B, createElementVNode as de, withKeys as ce, withModifiers as fe, Transition as Qe } from "vue";
+import Ye from "./kongponents.es178.js";
+import je from "./kongponents.es50.js";
+import Xe from "./kongponents.es48.js";
+import Ze from "./kongponents.es55.js";
+import _e from "./kongponents.es23.js";
+import et from "./kongponents.es221.js";
+import tt from "./kongponents.es222.js";
+import lt from "./kongponents.es208.js";
+import ot from "./kongponents.es172.js";
+import at from "./kongponents.es193.js";
+import { ResizeObserverHelper as rt } from "./kongponents.es210.js";
+import { sanitizeInput as ve } from "./kongponents.es168.js";
+import { useEventListener as st } from "./kongponents.es183.js";
+import { getUniqueStringId as it } from "./kongponents.es151.js";
+import { normalizeSize as me } from "./kongponents.es181.js";
+import { KUI_SPACE_40 as nt } from "./kongponents.es177.js";
+const ut = ["id"], dt = ["aria-live"], ct = {
   key: 0,
   class: "select-loading",
   "data-propagate-clicks": "false",
   "data-testid": "select-loading"
-}, lt = {
+}, ft = {
   key: 1,
   class: "select-items-container",
   "data-propagate-clicks": "false"
-}, ot = {
+}, vt = {
   key: 1,
   class: "dropdown-footer dropdown-footer-static"
-}, at = {
+}, mt = {
   key: 2,
   class: "select-empty",
   "data-propagate-clicks": "false"
-}, rt = {
+}, pt = {
   key: 0,
   class: "dropdown-footer dropdown-footer-sticky"
-}, Ft = /* @__PURE__ */ xe({
+}, Tt = /* @__PURE__ */ Ve({
   inheritAttrs: !1,
   __name: "KSelect",
   props: {
@@ -48,10 +48,10 @@ const _e = ["id"], et = ["aria-live"], tt = {
     items: { default: () => [] },
     enableFiltering: { type: Boolean },
     filterFunction: { default: () => ((t) => {
-      var A;
-      return (A = t.items) == null ? void 0 : A.filter((O) => {
-        var d, v;
-        return (v = O.label) == null ? void 0 : v.toLowerCase().includes((d = t.query) == null ? void 0 : d.toLowerCase());
+      var T;
+      return (T = t.items) == null ? void 0 : T.filter((M) => {
+        var f, v;
+        return (v = M.label) == null ? void 0 : v.toLowerCase().includes((f = t.query) == null ? void 0 : f.toLowerCase());
       });
     }) },
     loading: { type: Boolean },
@@ -65,326 +65,365 @@ const _e = ["id"], et = ["aria-live"], tt = {
     help: { default: "" }
   },
   emits: ["selected", "input", "change", "update:modelValue", "query-change", "item-added", "item-removed"],
-  setup(t, { emit: A }) {
-    Be((e) => ({
-      v17a98722: fe.value,
-      a8576546: E.value,
-      a918d2dc: be.value
+  setup(t, { emit: T }) {
+    We((e) => ({
+      v74ae4111: Ce.value,
+      de945f02: z.value,
+      v7010b8b0: Se.value
     }));
-    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(() => {
+    const { stripRequiredLabel: M } = Ye(), f = T, v = Me(), A = Ue(), pe = ne(), X = d(() => v.id ? String(v.id) : pe), U = p(!1), G = p(), be = d(() => {
       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 = {
-      popoverClasses: `k-select-popover select-popover ${t.dropdownFooterText || w["dropdown-footer-text"] ? `has-${t.dropdownFooterTextPosition}-dropdown-footer` : ""}`,
+      return !!((e = t.labelAttributes) != null && e.info || A["label-tooltip"]);
+    }), Z = d(() => v.required !== void 0 && String(v.required) !== "false"), K = d(() => v.disabled !== void 0 && String(v.disabled) !== "false"), q = d(() => v.readonly !== void 0 && String(v.readonly) !== "false"), _ = {
+      popoverClasses: `k-select-popover select-popover ${t.dropdownFooterText || A["dropdown-footer-text"] ? `has-${t.dropdownFooterTextPosition}-dropdown-footer` : ""}`,
       popoverTimeout: 0,
       placement: "bottom-start",
       hideCaret: !0
-    }, ue = b(0), se = B("inputElement"), de = u(() => O(t.label, Q.value)), F = b(!1), n = b(""), j = u(() => {
+    }, ye = p(0), he = L("inputElement"), ge = d(() => M(t.label, Z.value)), E = p(!1), n = p(""), ee = d(() => {
       var e, l;
-      return !(!n.value || (l = (e = r.value) == null ? void 0 : e.filter((a) => a.label === n.value)) != null && l.length);
-    }), ce = _(), s = b(null), r = b([]), S = b(!1), R = B("popperElement"), g = B("selectWrapperElement"), ve = u({
+      return !(!n.value || (l = (e = i.value) == null ? void 0 : e.filter((o) => o.label === n.value)) != null && l.length);
+    }), ke = ne(), c = p(null), i = p([]), N = p([]), P = p(!1), H = L("popperElement"), S = L("selectWrapperElement"), we = d({
       get() {
         return t.modelValue;
       },
       set(e) {
-        var a;
-        const l = (a = r.value) == null ? void 0 : a.filter((o) => o.value === e);
-        l != null && l.length ? P(l[0]) : e || V();
+        var o;
+        const l = (o = i.value) == null ? void 0 : o.filter((r) => r.value === e);
+        l != null && l.length ? D(l[0]) : e || Q();
       }
-    }), fe = u(() => re(t.width || "100%")), E = b(""), me = u(() => {
+    }), Ce = d(() => me(t.width || "100%")), z = p(""), Fe = d(() => {
       const e = { ...v };
       return delete e.class, e;
-    }), pe = u(() => {
+    }), Ie = d(() => {
       var e;
       return {
-        ...Y,
+        ..._,
         ...t.kpopAttributes,
-        popoverClasses: `${Y.popoverClasses} ${((e = t.kpopAttributes) == null ? void 0 : e.popoverClasses) ?? ""}`,
-        width: String(E.value),
-        maxWidth: String(E.value),
-        disabled: C.value || K.value
+        popoverClasses: `${_.popoverClasses} ${((e = t.kpopAttributes) == null ? void 0 : e.popoverClasses) ?? ""}`,
+        width: String(z.value),
+        maxWidth: String(z.value),
+        disabled: K.value || q.value
       };
-    }), 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 = [];
+    }), Se = d(() => me(t.dropdownMaxHeight)), $e = d(() => ({ ...Ie.value })), Ae = d(() => t.placeholder || v.placeholder || "Select..."), Ke = d(() => !K.value && t.clearable && !!c.value), te = d(() => !!(c.value && (A["selected-item-template"] || t.reuseItemTemplate && A["item-template"]))), x = (e) => "items" in e && Array.isArray(e.items), J = d(() => {
       if (!t.enableFiltering || !n.value)
-        e = r.value;
-      else {
-        const o = t.filterFunction({ query: n.value, items: r.value });
-        e = o === !0 ? r.value : o;
-      }
-      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];
-    }), ke = (e) => {
+        return N.value;
+      const e = t.filterFunction({ query: n.value, items: i.value }), l = e === !0 ? i.value : e, o = new Set(l.map((a) => a.value)), r = [];
+      for (const a of N.value)
+        if (x(a)) {
+          const h = a.items.filter((C) => o.has(C.value));
+          h.length > 0 && r.push({
+            label: a.label,
+            key: a.key,
+            items: h
+          });
+        } else
+          o.has(a.value) && r.push(a);
+      return r;
+    }), Ee = (e) => {
       if (!t.enableFiltering)
         return e.preventDefault(), !1;
-    }, we = (e) => {
-      t.enableItemCreation && X(), e.preventDefault();
-    }, X = () => {
-      var a, o;
-      if (!t.enableItemCreation || !n.value || !j.value || !t.itemCreationValidator(n.value))
+    }, Pe = (e) => {
+      t.enableItemCreation && le(), e.preventDefault();
+    }, le = () => {
+      var o, r;
+      if (!t.enableItemCreation || !n.value || !ee.value || !t.itemCreationValidator(n.value))
         return;
-      const e = (((a = r.value) == null ? void 0 : a.length) || 0) + 1, l = {
-        label: ae(n.value),
-        value: Xe(),
-        key: `${(o = ae(n.value).replace(/ /gi, "-")) == null ? void 0 : o.replace(/[^a-z0-9-_]/gi, "")}-${e}`,
+      const e = (((o = i.value) == null ? void 0 : o.length) || 0) + 1, l = {
+        label: ve(n.value),
+        value: it(),
+        key: `${(r = ve(n.value).replace(/ /gi, "-")) == null ? void 0 : r.replace(/[^a-z0-9-_]/gi, "")}-${e}`,
         custom: !0
       };
-      d("item-added", l), P(l, !0), n.value = "";
-    }, P = (e, l) => {
-      var a, o;
-      l && ((a = r.value) == null || a.push(e)), (o = r.value) == null || o.forEach((i, x) => {
-        var $;
-        i.key === e.key ? (i.selected = !0, s.value = i) : i.selected ? (i.selected = !1, i.custom && (($ = r.value) == null || $.splice(x, 1), d("item-removed", i))) : i.selected = !1;
-      }), F.value = !0, n.value = e.label;
-    }, V = () => {
+      f("item-added", l), D(l, !0), n.value = "";
+    }, D = (e, l) => {
+      var o, r;
+      l && ((o = i.value) == null || o.push(e), N.value.unshift(e)), (r = i.value) == null || r.forEach((a, h) => {
+        var C;
+        a.key === e.key ? (a.selected = !0, c.value = a) : a.selected ? (a.selected = !1, a.custom && ((C = i.value) == null || C.splice(h, 1), f("item-removed", a))) : a.selected = !1;
+      }), E.value = !0, n.value = e.label;
+    }, Q = () => {
       var e;
-      (e = r.value) == null || e.forEach((l, a) => {
-        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"), Ce = (e, l) => {
-      var o, i;
+      (e = i.value) == null || e.forEach((l, o) => {
+        var r;
+        l.selected = !1, l.custom && ((r = i.value) == null || r.splice(o, 1), f("item-removed", l));
+      }), c.value = null, n.value = "", f("input", null), f("change", null), f("update:modelValue", null);
+    }, oe = L("kSelectItems"), xe = (e, l) => {
+      var r, a;
       if (e.keyCode === 27) {
         l.value = !1;
         return;
       }
-      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"));
-    }, Fe = (e) => {
+      const o = (r = S.value) == null ? void 0 : r.children[0];
+      !l.value && o && o.click(), (e.key === "ArrowDown" || e.key === "ArrowUp") && l.value && ((a = oe.value) == null || a.setFocus(e.key === "ArrowDown" ? "down" : "up"));
+    }, Be = (e) => {
       n.value !== e && (n.value = e);
-    }, Se = () => {
-      S.value = !0;
-    }, $e = () => {
-      S.value = !1;
-    }, Ie = () => {
-      var e, l, a;
-      t.enableFiltering || (a = (l = (e = se.value) == null ? void 0 : e.$el) == null ? void 0 : l.querySelector("input")) == null || a.blur();
-    }, Ae = (e) => {
+    }, Te = () => {
+      P.value = !0;
+    }, qe = () => {
+      P.value = !1;
+    }, Ne = () => {
+      var e, l, o;
+      t.enableFiltering || (o = (l = (e = he.value) == null ? void 0 : e.$el) == null ? void 0 : l.querySelector("input")) == null || o.blur();
+    }, ze = (e) => {
       var l;
-      (C.value || ((l = e == null ? void 0 : e.target) == null ? void 0 : l.dataset.propagateClicks) === "false") && e.stopPropagation();
-    }, Ke = (e) => {
+      (K.value || ((l = e == null ? void 0 : e.target) == null ? void 0 : l.dataset.propagateClicks) === "false") && e.stopPropagation();
+    }, De = (e) => {
       e();
-    }, Ee = (e, l) => {
-      N.value = !1, s.value ? (F.value = !0, n.value = s.value.label) : n.value = "", l && e();
-    }, Pe = (e) => {
-      N.value = !0, t.enableFiltering && (n.value = ""), e();
+    }, Le = (e, l) => {
+      U.value = !1, c.value ? (E.value = !0, n.value = c.value.label) : n.value = "", l && e();
+    }, Oe = (e) => {
+      U.value = !0, t.enableFiltering && (n.value = ""), e();
     };
-    return T(ve, (e, l) => {
-      var a;
+    return O(we, (e, l) => {
+      var o;
       if (e !== l) {
-        const o = (a = r.value) == null ? void 0 : a.filter((i) => i.value === e);
-        o != null && o.length ? P(o[0]) : e || V();
+        const r = (o = i.value) == null ? void 0 : o.filter((a) => a.value === e);
+        r != null && r.length ? D(r[0]) : e || Q();
       }
-    }), T(() => t.items, (e, l) => {
-      var a, o, i, x, $;
-      if (JSON.stringify(e) !== JSON.stringify(l)) {
-        r.value = JSON.parse(JSON.stringify(t.items)), (a = r.value) != null && a.length && (s.value = null);
-        for (let c = 0; c < ((o = r.value) == null ? void 0 : o.length); c++) {
-          r.value[c].selected === void 0 && (r.value[c].selected = !1);
-          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" && De(() => {
-          R.value.updatePopper();
-        });
+    }), O(() => t.items, (e, l) => {
+      var C, ae, re, se, ie;
+      if (JSON.stringify(e) === JSON.stringify(l))
+        return;
+      const o = JSON.parse(JSON.stringify(t.items)), r = o.some((s) => x(s)), a = [], h = [];
+      if (r)
+        for (const s of o)
+          x(s) ? a.push(...s.items) : a.push(s);
+      else {
+        const s = /* @__PURE__ */ new Map();
+        for (const u of o)
+          x(u) || (u.group && (s.has(u.group) || s.set(u.group, []), s.get(u.group).push(u)), a.push(u));
+        const w = Array.from(s.keys()).sort(
+          (u, I) => u.toLowerCase().localeCompare(I.toLowerCase())
+        ), F = a.filter((u) => !u.group);
+        h.push(...F);
+        for (const u of w)
+          h.push({
+            label: u,
+            items: s.get(u)
+          });
+      }
+      i.value = a, (C = i.value) != null && C.length && (c.value = null);
+      for (let s = 0; s < ((ae = i.value) == null ? void 0 : ae.length); s++) {
+        i.value[s].selected === void 0 && (i.value[s].selected = !1);
+        let w = `${(se = (re = i.value[s].label) == null ? void 0 : re.replace(/ /gi, "-")) == null ? void 0 : se.replace(/[^a-z0-9-_]/gi, "")}-${s}`;
+        w.includes("undefined") && (w = `select-item-label-${s}`), i.value[s].key = w, (i.value[s].value === t.modelValue || i.value[s].selected) && (i.value[s].selected = !0, c.value = i.value[s], P.value || (E.value = !0, n.value = c.value.label)), ((ie = c.value) == null ? void 0 : ie.value) === i.value[s].value && (i.value[s].selected = !0);
       }
-    }, { deep: !0, immediate: !0 }), T(n, (e) => {
-      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 }), Le(() => {
-      g.value && (z.value = je.create(() => {
+      if (r) {
+        const s = [], w = [];
+        for (const F of o)
+          if (x(F)) {
+            const u = F.items.map((I) => i.value.find((Re) => Re.value === I.value)).filter((I) => I !== void 0);
+            w.push({
+              label: F.label,
+              key: F.key,
+              items: u
+            });
+          } else {
+            const u = i.value.find((I) => I.value === F.value);
+            u && s.push(u);
+          }
+        h.push(...s, ...w);
+      }
+      N.value = h, H.value && typeof H.value.updatePopper == "function" && Ge(() => {
+        H.value.updatePopper();
+      });
+    }, { deep: !0, immediate: !0 }), O(n, (e) => {
+      E.value && e || (f("query-change", e), E.value = !1);
+    }), O(c, (e, l) => {
+      e && e !== l && (f("selected", e), f("input", e.value), f("change", e), f("update:modelValue", e.value));
+    }, { deep: !0 }), He(() => {
+      S.value && (G.value = rt.create(() => {
         var e;
-        E.value = `${(e = g.value) == null ? void 0 : e.offsetWidth}px`;
-      }), z.value.observe(g.value)), Ge(document, "keydown", (e) => {
-        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"));
+        z.value = `${(e = S.value) == null ? void 0 : e.offsetWidth}px`;
+      }), G.value.observe(S.value)), st(document, "keydown", (e) => {
+        var l, o;
+        !t.enableFiltering && ((l = document.activeElement) == null ? void 0 : l.tagName) === "BODY" && !P.value && U.value && (e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), (o = oe.value) == null || o.setFocus(e.key === "ArrowDown" ? "down" : "up"));
       });
-    }), Oe(() => {
+    }), Je(() => {
       var e;
-      g.value && ((e = z.value) == null || e.unobserve(g.value));
-    }), (e, l) => (f(), y("div", {
-      class: q(["k-select", [e.$attrs.class]])
+      S.value && ((e = G.value) == null || e.unobserve(S.value));
+    }), (e, l) => (m(), g("div", {
+      class: R(["k-select", [e.$attrs.class]])
     }, [
-      t.label ? (f(), D(Re, M({
+      t.label ? (m(), V(je, Y({
         key: 0,
         "data-testid": "select-label"
       }, t.labelAttributes, {
-        for: J.value,
-        required: Q.value
-      }), ee({
-        default: m(() => [
-          H(L(de.value) + " ", 1)
+        for: X.value,
+        required: Z.value
+      }), ue({
+        default: b(() => [
+          j(W(ge.value) + " ", 1)
         ]),
         _: 2
       }, [
-        ne.value ? {
+        be.value ? {
           name: "tooltip",
-          fn: m(() => [
-            p(e.$slots, "label-tooltip", {}, void 0, !0)
+          fn: b(() => [
+            y(e.$slots, "label-tooltip", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0
-      ]), 1040, ["for", "required"])) : h("", !0),
-      k(Ue, null, {
-        default: m(({ toggle: a, isToggled: o }) => [
-          k(Ve, M({ ref: "popperElement" }, ye.value, {
+      ]), 1040, ["for", "required"])) : k("", !0),
+      $(_e, null, {
+        default: b(({ toggle: o, isToggled: r }) => [
+          $(Ze, Y({ ref: "popperElement" }, $e.value, {
             "close-on-popover-click": "",
             "hide-close-icon": "",
-            offset: I(Ze),
-            onClose: () => Ee(a, o.value),
-            onOpen: () => Pe(a),
-            onPopoverClick: () => Ke(a)
+            offset: B(nt),
+            onClose: () => Le(o, r.value),
+            onOpen: () => Oe(o),
+            onPopoverClick: () => De(o)
           }), {
-            content: m(() => [
-              te("div", {
+            content: b(() => [
+              de("div", {
                 "aria-live": t.enableFiltering ? "polite" : "off"
               }, [
-                t.enableFiltering && t.loading ? (f(), y("div", tt, [
-                  p(e.$slots, "loading", {}, () => [
-                    k(I(Ye), {
+                t.enableFiltering && t.loading ? (m(), g("div", ct, [
+                  y(e.$slots, "loading", {}, () => [
+                    $(B(at), {
                       class: "loading-icon",
                       title: "Loading"
                     })
                   ], !0)
-                ])) : (f(), y("div", lt, [
-                  k(Me, {
+                ])) : (m(), g("div", ft, [
+                  $(et, {
                     ref: "kSelectItems",
                     "filter-string": n.value,
-                    "item-creation-enabled": t.enableItemCreation && j.value,
+                    "item-creation-enabled": t.enableItemCreation && ee.value,
                     "item-creation-valid": t.itemCreationValidator(n.value),
-                    items: W.value,
-                    onAddItem: X,
-                    onSelected: P
+                    items: J.value,
+                    onAddItem: le,
+                    onSelected: D
                   }, {
-                    content: m(({ item: i }) => [
-                      p(e.$slots, "item-template", { item: i }, void 0, !0)
+                    content: b(({ item: a }) => [
+                      y(e.$slots, "item-template", { item: a }, void 0, !0)
                     ]),
                     _: 3
                   }, 8, ["filter-string", "item-creation-enabled", "item-creation-valid", "items"]),
-                  !W.value.length && !e.$slots.empty && !t.enableItemCreation ? (f(), D(He, {
+                  !J.value.length && !e.$slots.empty && !t.enableItemCreation ? (m(), V(tt, {
                     key: 0,
                     item: { label: "No results", value: "no_results", disabled: !0 }
-                  })) : h("", !0),
-                  (t.dropdownFooterText || e.$slots["dropdown-footer-text"]) && t.dropdownFooterTextPosition === "static" ? (f(), y("div", ot, [
-                    p(e.$slots, "dropdown-footer-text", {}, () => [
-                      H(L(t.dropdownFooterText), 1)
+                  })) : k("", !0),
+                  (t.dropdownFooterText || e.$slots["dropdown-footer-text"]) && t.dropdownFooterTextPosition === "static" ? (m(), g("div", vt, [
+                    y(e.$slots, "dropdown-footer-text", {}, () => [
+                      j(W(t.dropdownFooterText), 1)
                     ], !0)
-                  ])) : h("", !0)
+                  ])) : k("", !0)
                 ])),
-                !t.loading && !W.value.length && e.$slots.empty ? (f(), y("div", at, [
-                  p(e.$slots, "empty", {}, void 0, !0)
-                ])) : h("", !0)
-              ], 8, et),
-              (t.dropdownFooterText || e.$slots["dropdown-footer-text"]) && t.dropdownFooterTextPosition === "sticky" ? (f(), y("div", rt, [
-                p(e.$slots, "dropdown-footer-text", {}, () => [
-                  H(L(t.dropdownFooterText), 1)
+                !t.loading && !J.value.length && e.$slots.empty ? (m(), g("div", mt, [
+                  y(e.$slots, "empty", {}, void 0, !0)
+                ])) : k("", !0)
+              ], 8, dt),
+              (t.dropdownFooterText || e.$slots["dropdown-footer-text"]) && t.dropdownFooterTextPosition === "sticky" ? (m(), g("div", pt, [
+                y(e.$slots, "dropdown-footer-text", {}, () => [
+                  j(W(t.dropdownFooterText), 1)
                 ], !0)
-              ])) : h("", !0)
+              ])) : k("", !0)
             ]),
-            default: m(() => [
-              te("div", {
-                id: I(ce),
+            default: b(() => [
+              de("div", {
+                id: B(ke),
                 ref: "selectWrapperElement",
                 class: "select-wrapper",
                 "data-testid": "select-wrapper",
                 role: "listbox",
-                onClick: Ae
+                onClick: ze
               }, [
-                (f(), D(We, M({
-                  id: J.value,
-                  key: ue.value,
+                (m(), V(Xe, Y({
+                  id: X.value,
+                  key: ye.value,
                   ref: "inputElement",
                   autocapitalize: "off",
                   autocomplete: "off",
                   autocorrect: "off",
-                  class: ["select-input", { "filtering-disabled": !t.enableFiltering, "hide-model-value": G.value && (!t.enableFiltering || !o.value), "input-has-focus": S.value || o.value }],
+                  class: ["select-input", { "filtering-disabled": !t.enableFiltering, "hide-model-value": te.value && (!t.enableFiltering || !r.value), "input-has-focus": P.value || r.value }],
                   "data-testid": "select-input",
-                  disabled: C.value,
+                  disabled: K.value,
                   error: t.error,
                   "model-value": n.value,
                   name: "select-options-search",
-                  placeholder: s.value && !t.enableFiltering ? s.value.label : he.value,
-                  readonly: K.value,
+                  placeholder: c.value && !t.enableFiltering ? c.value.label : Ae.value,
+                  readonly: q.value,
                   spellcheck: "false"
-                }, me.value, {
-                  onBlur: $e,
-                  onClick: Ie,
-                  onFocus: Se,
-                  onKeydown: le(we, ["enter"]),
-                  onKeypress: ke,
+                }, Fe.value, {
+                  onBlur: qe,
+                  onClick: Ne,
+                  onFocus: Te,
+                  onKeydown: ce(Pe, ["enter"]),
+                  onKeypress: Ee,
                   onKeyup: [
-                    (i) => Ce(i, o),
-                    l[0] || (l[0] = le(oe(() => {
+                    (a) => xe(a, r),
+                    l[0] || (l[0] = ce(fe(() => {
                     }, ["stop"]), ["enter"]))
                   ],
-                  "onUpdate:modelValue": Fe
-                }), ee({
-                  after: m(() => [
-                    ge.value ? (f(), y("button", {
+                  "onUpdate:modelValue": Be
+                }), ue({
+                  after: b(() => [
+                    Ke.value ? (m(), g("button", {
                       key: 0,
                       "aria-label": "Clear",
                       class: "clear-selection-button",
                       "data-testid": "clear-selection-icon",
                       type: "button",
-                      onClick: oe(V, ["stop"])
+                      onClick: fe(Q, ["stop"])
                     }, [
-                      k(I(Qe), { decorative: "" })
-                    ])) : h("", !0),
-                    K.value ? h("", !0) : (f(), D(I(Je), {
+                      $(B(ot), { decorative: "" })
+                    ])) : k("", !0),
+                    q.value ? k("", !0) : (m(), V(B(lt), {
                       key: 1,
-                      class: q(["chevron-down-icon", { disabled: C.value }]),
+                      class: R(["chevron-down-icon", { disabled: K.value }]),
                       decorative: ""
                     }, null, 8, ["class"]))
                   ]),
                   _: 2
                 }, [
-                  w.before ? {
+                  A.before ? {
                     name: "before",
-                    fn: m(() => [
-                      p(e.$slots, "before", {}, void 0, !0)
+                    fn: b(() => [
+                      y(e.$slots, "before", {}, void 0, !0)
                     ]),
                     key: "0"
                   } : void 0,
                   e.$slots["label-tooltip"] ? {
                     name: "label-tooltip",
-                    fn: m(() => [
-                      p(e.$slots, "label-tooltip", {}, void 0, !0)
+                    fn: b(() => [
+                      y(e.$slots, "label-tooltip", {}, void 0, !0)
                     ]),
                     key: "1"
                   } : void 0
                 ]), 1040, ["id", "class", "disabled", "error", "model-value", "placeholder", "readonly", "onKeyup"])),
-                k(Ne, { name: "kongponents-fade-transition" }, {
-                  default: m(() => [
-                    G.value && (!t.enableFiltering || !o.value) ? (f(), y("div", {
+                $(Qe, { name: "kongponents-fade-transition" }, {
+                  default: b(() => [
+                    te.value && (!t.enableFiltering || !r.value) ? (m(), g("div", {
                       key: 0,
-                      class: q(["custom-selected-item-wrapper", { clearable: t.clearable, readonly: K.value }])
+                      class: R(["custom-selected-item-wrapper", { clearable: t.clearable, readonly: q.value }])
                     }, [
-                      p(e.$slots, "selected-item-template", {
-                        item: s.value
+                      y(e.$slots, "selected-item-template", {
+                        item: c.value
                       }, () => [
-                        p(e.$slots, "item-template", {
-                          item: s.value
+                        y(e.$slots, "item-template", {
+                          item: c.value
                         }, void 0, !0)
                       ], !0)
-                    ], 2)) : h("", !0)
+                    ], 2)) : k("", !0)
                   ]),
                   _: 2
                 }, 1024)
-              ], 8, _e)
+              ], 8, ut)
             ]),
             _: 2
           }, 1040, ["offset", "onClose", "onOpen", "onPopoverClick"])
         ]),
         _: 3
       }),
-      t.help ? (f(), y("p", {
+      t.help ? (m(), g("p", {
         key: 1,
-        class: q(["help-text", { "select-error": t.error }])
-      }, L(t.help), 3)) : h("", !0)
+        class: R(["help-text", { "select-error": t.error }])
+      }, W(t.help), 3)) : k("", !0)
     ], 2));
   }
 });
 export {
-  Ft as default
+  Tt as default
 };