@pantograph/vue 0.32.6 → 0.32.8

package/dist/Combobox/index.js

@@ -1,39 +1,39 @@
-import { defineComponent as be, useSlots as ut, onBeforeUnmount as Nt, computed as C, createBlock as j, openBlock as w, unref as i, mergeProps as ce, createSlots as $t, renderList as je, withCtx as W, renderSlot as Ae, normalizeProps as De, guardReactiveProps as Ee, createVNode as ee, h as b, useAttrs as jt, createElementBlock as ye, normalizeClass as Ie, toDisplayString as Kt, ref as ve, watch as Ft, isRef as tt, createCommentVNode as Le, createElementVNode as ot, normalizeStyle as Wt, Fragment as Me } from "vue";
-import { createContext as Gt, Slot as Ht, useEmitAsProps as Ut } from "reka-ui";
-import { omit as he, isString as lt, cloneDeep as re, isFunction as qt, debounce as at, pick as Jt, last as nt } from "es-toolkit";
-import { isEmptyElement as $, useVModel as Pe, useLazyLoading as Qt, useFormInput as Xt, useVirtualScroll as Yt, useInputDataStates as Zt, useCollection as eo, useDisableBodyPointerEvents as to, installComponent as ct } from "@pantograph/utils-vue";
-import { getBemBlock as oo, getBemModifier as lo, getBemElement as S, getComponentOptions as _e, normCls as H, isEmptyLikeLodash as K, generateVariantClassList as Q, createOptionGetterFunc as J, usePCId as Re, getPxSize as Ne, getComponentName as pt } from "@pantograph/utils";
-import { Popover as ao } from "../Popover/index.js";
-import { cva as dt } from "class-variance-authority";
+import { defineComponent as _e, useSlots as mt, onBeforeUnmount as Wt, computed as C, createBlock as $, openBlock as w, unref as s, mergeProps as ce, withModifiers as Ut, createSlots as Gt, renderList as Ue, withCtx as K, renderSlot as Me, normalizeProps as Re, guardReactiveProps as Ne, createVNode as ee, h, useAttrs as Ht, createElementBlock as he, normalizeClass as ze, toDisplayString as qt, ref as ue, watch as Jt, isRef as rt, createCommentVNode as $e, createElementVNode as st, normalizeStyle as Qt, Fragment as je } from "vue";
+import { createContext as Xt, Slot as Yt, useEmitAsProps as Zt } from "reka-ui";
+import { omit as be, isString as it, cloneDeep as re, isFunction as eo, debounce as ut, pick as to, last as ct } from "es-toolkit";
+import { isEmptyElement as N, useVModel as we, useLazyLoading as oo, useFormInput as lo, useVirtualScroll as no, useInputDataStates as ao, useCollection as ro, useDisableBodyPointerEvents as so, installComponent as ft } from "@pantograph/utils-vue";
+import { getBemBlock as io, getBemModifier as uo, getBemElement as S, getComponentOptions as Ce, normCls as U, isEmptyLikeLodash as j, generateVariantClassList as Q, createOptionGetterFunc as J, usePCId as Fe, getPxSize as Ke, getComponentName as vt } from "@pantograph/utils";
+import { Popover as co } from "../Popover/index.js";
+import { cva as yt } from "class-variance-authority";
 import "../Icon/index.js";
 import "../Avatar/index.js";
 import "../GraphicalObject/index.js";
-import { a as no, _ as gt } from "../Avatar.vue_vue_type_style_index_0_lang-BBeWgKUx.js";
-import { GraphicalObjectGroup as ro } from "../GraphicalObjectGroup/index.js";
-import { _ as so } from "../index-BhaFiUPP.js";
-import { _ as io } from "../Chip.vue_vue_type_style_index_0_lang-fj2q-7So.js";
+import { a as po, _ as ht } from "../Avatar.vue_vue_type_style_index_0_lang-BBeWgKUx.js";
+import { GraphicalObjectGroup as go } from "../GraphicalObjectGroup/index.js";
+import { _ as mo } from "../index-BhaFiUPP.js";
+import { _ as fo } from "../Chip.vue_vue_type_style_index_0_lang-fj2q-7So.js";
 import "../Input/index.js";
-import { whenever as uo, refDebounced as co } from "@vueuse/core";
-import { _ as po } from "../Input.vue_vue_type_script_setup_true_lang-Ga_3LDxv.js";
-import { _ as Ke } from "../Icon.vue_vue_type_style_index_0_lang-D3lvOgux.js";
-import { g as go, a as mo } from "../Menu.vue_vue_type_style_index_0_lang-bwzZdsoD.js";
+import { _ as vo } from "../Input.vue_vue_type_script_setup_true_lang-Ga_3LDxv.js";
+import { _ as Ge } from "../Icon.vue_vue_type_style_index_0_lang-D3lvOgux.js";
+import { g as yo, a as ho } from "../Menu.vue_vue_type_style_index_0_lang-bwzZdsoD.js";
 import { i as X } from "../isArray-QlWcxgml.js";
-import { _ as mt } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-BC9GfN2v.js";
+import { _ as bt } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-BC9GfN2v.js";
 import "../ScrollContainer/index.js";
 import "../Empty/index.js";
-import { f as fo, _ as vo, a as yo } from "../index-BuEiTBIH.js";
+import { f as bo, _ as _o, a as Co } from "../index-BxsIulsm.js";
 import "../MenuItem/index.js";
 import "../Checkbox/index.js";
-import { _ as ho } from "../Checkbox.vue_vue_type_style_index_0_lang-B1Y8EoU2.js";
-import { _ as bo } from "../Skeleton.vue_vue_type_style_index_0_lang-aI8FTL_w.js";
-import { _ as _o } from "../Divider.vue_vue_type_style_index_0_lang-eXMD78c3.js";
-import { a as rt } from "../index-D2tZoezA.js";
-import { useConfig as Co } from "../ConfigProvider/index.js";
-import { h as st } from "../head-E4xQy0iK.js";
-import { _ as So } from "../ScrollContainer.vue_vue_type_style_index_0_lang-DGrpXPJ1.js";
-import { _ as ko } from "../Empty.vue_vue_type_style_index_0_lang-yTn4EQKn.js";
-const [Fe, xo] = Gt("Combobox"), P = oo("combobox"), ft = lo(P, "value-placeholder"), $e = S(P, "option"), vt = ["sm", "md", "lg"], Bo = ["error", "warning", "success"], We = /* @__PURE__ */ be({
-  ..._e("ComboboxInput"),
+import { _ as So } from "../Checkbox.vue_vue_type_style_index_0_lang-B1Y8EoU2.js";
+import { _ as ko } from "../Skeleton.vue_vue_type_style_index_0_lang-aI8FTL_w.js";
+import { _ as xo } from "../Divider.vue_vue_type_style_index_0_lang-eXMD78c3.js";
+import { a as pt } from "../index-D2tZoezA.js";
+import { refDebounced as Oo } from "@vueuse/core";
+import { useConfig as Bo } from "../ConfigProvider/index.js";
+import { h as dt } from "../head-E4xQy0iK.js";
+import { _ as Po } from "../ScrollContainer.vue_vue_type_style_index_0_lang-DGrpXPJ1.js";
+import { _ as Io } from "../Empty.vue_vue_type_style_index_0_lang-yTn4EQKn.js";
+const [He, To] = Xt("Combobox"), P = io("combobox"), _t = uo(P, "value-placeholder"), We = S(P, "option"), Ct = ["sm", "md", "lg"], wo = ["error", "warning", "success"], qe = /* @__PURE__ */ _e({
+  ...Ce("ComboboxInput"),
   __name: "ComboboxInput",
   props: {
     id: {},
@@ -62,39 +62,42 @@ const [Fe, xo] = Gt("Combobox"), P = oo("combobox"), ft = lo(P, "value-placehold
     status: {},
     steps: { type: Boolean }
   },
-  setup(B) {
-    const t = B, c = ut(), o = Fe();
-    uo(() => o.openModel.value && o.inputRef.value, o.focusOnInput), Nt(() => {
+  setup(O) {
+    const t = O, c = mt(), o = He();
+    Wt(() => {
       o.comboboxInputFocused.value = !1;
     });
-    const k = C(() => {
-      const L = t.placeholder ?? o.props.placeholder ?? "";
-      return (o.props.headerSearch ? L : o.placeholder.value) ?? L;
-    }), U = S(P, "input");
-    return (L, g) => (w(), j(i(po), ce({
-      ...i(o).comboboxInputBinding.value,
+    const b = C(() => {
+      const p = t.placeholder ?? o.props.placeholder ?? "";
+      return (o.props.headerSearch ? p : o.placeholder.value) ?? p;
+    }), G = (p) => {
+      o.props.headerSearch && (p.stopPropagation(), p.preventDefault());
+    }, H = S(P, "input");
+    return (p, x) => (w(), $(s(vo), ce({
+      ...s(o).comboboxInputBinding.value,
       ...t,
-      disabled: i(o).getDisabled.value || t.disabled
+      disabled: s(o).getDisabled.value || t.disabled
     }, {
-      placeholder: k.value,
-      onKeydown: i(o).onKeyDown,
-      ref: i(o).inputRef,
-      class: i(H)(i(U), { [i(ft)]: i(o).valuePlaceholder.value }, t.class),
-      contentFit: !i(o).props.headerSearch && i(o).props.contentFit,
-      modelValue: i(o).searchModel.value,
-      "onUpdate:modelValue": g[0] || (g[0] = (d) => i(o).searchModel.value = d)
-    }), $t({ _: 2 }, [
-      je(Object.keys(i(he)(c, ["leading"])), (d) => ({
+      placeholder: b.value,
+      onClick: G,
+      onKeydown: Ut(s(o).onKeyDown, ["stop"]),
+      ref: s(o).inputRef,
+      class: s(U)(s(H), { [s(_t)]: s(o).valuePlaceholder.value }, t.class),
+      contentFit: !s(o).props.headerSearch && s(o).props.contentFit,
+      modelValue: s(o).searchModel.value,
+      "onUpdate:modelValue": x[0] || (x[0] = (d) => s(o).searchModel.value = d)
+    }), Gt({ _: 2 }, [
+      Ue(Object.keys(s(be)(c, ["leading"])), (d) => ({
         name: d,
-        fn: W((y) => [
-          Ae(L.$slots, d, De(Ee(y)))
+        fn: K((a) => [
+          Me(p.$slots, d, Re(Ne(a)))
         ])
       })),
-      i(o).props.headerSearch ? {
+      s(o).props.headerSearch ? {
         name: "leading",
-        fn: W((d) => [
-          Ae(L.$slots, "leading", De(Ee(d)), () => [
-            ee(i(Ke), {
+        fn: K((d) => [
+          Me(p.$slots, "leading", Re(Ne(d)), () => [
+            ee(s(Ge), {
               size: d.iconSize,
               icon: "tabler:search",
               flipOnDir: "rtl"
@@ -104,19 +107,19 @@ const [Fe, xo] = Gt("Combobox"), P = oo("combobox"), ft = lo(P, "value-placehold
         key: "0"
       } : {
         name: "leading",
-        fn: W((d) => [
-          Ae(L.$slots, "leading", De(Ee(d)))
+        fn: K((d) => [
+          Me(p.$slots, "leading", Re(Ne(d)))
         ]),
         key: "1"
       }
     ]), 1040, ["placeholder", "onKeydown", "class", "contentFit", "modelValue"]));
   }
-}), Oo = /* @__PURE__ */ be({
-  ..._e("ComboboxTrigger"),
+}), zo = /* @__PURE__ */ _e({
+  ...Ce("ComboboxTrigger"),
   __name: "ComboboxTrigger",
-  setup(B) {
-    const t = Fe(), c = ({ value: r }) => {
-      r && X(t.model.value) && !t.getDisabled.value && (t.model.value = t.model.value.filter((_) => _ !== r));
+  setup(O) {
+    const t = He(), c = ({ value: u }) => {
+      u && X(t.model.value) && !t.getDisabled.value && (t.model.value = t.model.value.filter((_) => _ !== u));
     }, o = C(() => {
       switch (t.getSize.value) {
         case "sm":
@@ -125,37 +128,37 @@ const [Fe, xo] = Gt("Combobox"), P = oo("combobox"), ft = lo(P, "value-placehold
         default:
           return "xsm";
       }
-    }), k = C(() => {
-      if (!t.props.multiple && lt(t.model.value) && !K(t.model.value))
+    }), b = C(() => {
+      if (!t.props.multiple && it(t.model.value) && !j(t.model.value))
         return t.getOptionByValue(t.model.value);
-    }), U = (r = k.value) => {
-      if (t.props.selectedItemIconAsTrailingIcon && (r != null && r._icon))
-        return r._icon;
-    }, L = C(() => U()), g = C(() => {
+    }), G = (u = b.value) => {
+      if (t.props.selectedItemIconAsTrailingIcon && (u != null && u._icon))
+        return u._icon;
+    }, H = C(() => G()), p = C(() => {
       if (!t.props.noTrailing)
         return t.props.trailingIcon ?? "tabler:chevron-down";
-    }), d = C(() => {
-      var h, f;
-      const r = re(t.model.value), _ = X(t.model.value);
+    }), x = C(() => {
+      var y, f;
+      const u = re(t.model.value), _ = X(t.model.value);
       return {
-        modelValue: r,
+        modelValue: u,
         open: re(t.openModel.value),
         option: _ ? void 0 : t.getOptionByValue(t.model.value),
-        options: _ ? (f = (h = t.model.value).map) == null ? void 0 : f.call(h, t.getOptionByValue).filter(Boolean) : void 0
+        options: _ ? (f = (y = t.model.value).map) == null ? void 0 : f.call(y, t.getOptionByValue).filter(Boolean) : void 0
       };
-    }), y = (r) => ({
-      ...d.value,
-      option: t.getOptionByValue(r)
-    }), n = S(P, "trigger"), F = dt(n, {
+    }), d = (u) => ({
+      ...x.value,
+      option: t.getOptionByValue(u)
+    }), a = S(P, "trigger"), F = yt(a, {
       variants: {
-        size: Q(vt, n),
-        headerSearch: Q("header-search", n),
-        status: Q(Bo, n),
-        bordered: Q("bordered", n),
-        multiple: Q("multiple", n),
-        contentFit: Q("content-fit", n),
-        wrapped: Q("wrapped", n),
-        filled: Q("filled", n)
+        size: Q(Ct, a),
+        headerSearch: Q("header-search", a),
+        status: Q(wo, a),
+        bordered: Q("bordered", a),
+        multiple: Q("multiple", a),
+        contentFit: Q("content-fit", a),
+        wrapped: Q("wrapped", a),
+        filled: Q("filled", a)
       }
     }), Y = C(() => ({
       type: "button",
@@ -167,96 +170,97 @@ const [Fe, xo] = Gt("Combobox"), P = oo("combobox"), ft = lo(P, "value-placehold
       "aria-haspopup": "listbox",
       "aria-expanded": t.openModel.value,
       "data-state": t.openModel.value ? "open" : "closed",
-      class: H(
+      ref: t.triggerRef,
+      class: U(
         F({
           size: t.getSize.value,
-          status: t.getStatus.value === "success" && K(t.model.value) ? void 0 : t.getStatus.value,
+          status: t.getStatus.value === "success" && j(t.model.value) ? void 0 : t.getStatus.value,
           bordered: t.props.bordered,
           multiple: t.props.multiple,
           contentFit: t.props.contentFit,
           wrapped: t.props.wrapped,
-          filled: !K(t.model.value),
+          filled: !j(t.model.value),
           headerSearch: t.props.headerSearch
         }),
         t.props.triggerCls
       ),
       ...t.comboboxTriggerBinding.value
-    })), m = (r, _ = o.value) => b(Ke, { icon: r, size: _ }), se = () => {
-      var h, f;
-      let r;
-      const _ = (f = (h = t.slots).triggerTrailing) == null ? void 0 : f.call(
-        h,
-        d.value
+    })), m = (u, _ = o.value) => h(Ge, { icon: u, size: _ }), se = () => {
+      var y, f;
+      let u;
+      const _ = (f = (y = t.slots).triggerTrailing) == null ? void 0 : f.call(
+        y,
+        x.value
       );
-      if (!$(_)) r = _;
-      else if (g.value && g.value) {
-        const A = g.value === !0 ? "tabler:chevron-down" : g.value;
-        r = m(A);
+      if (!N(_)) u = _;
+      else if (p.value && p.value) {
+        const V = p.value === !0 ? "tabler:chevron-down" : p.value;
+        u = m(V);
       }
-      if (r)
-        return b(
+      if (u)
+        return h(
           "div",
-          { class: H(S(n, "trailing"), t.props.triggerTrailingCls) },
-          r
+          { class: U(S(a, "trailing"), t.props.triggerTrailingCls) },
+          u
         );
-    }, te = (r) => {
-      var h, f;
-      const _ = t.getOptionByValue(r) ?? { _key: r };
-      return b(gt, {
+    }, te = (u) => {
+      var y, f;
+      const _ = t.getOptionByValue(u) ?? { _key: u };
+      return h(ht, {
         size: t.getTagSize.value,
-        ..._ ? ((f = (h = t.props).getTagProps) == null ? void 0 : f.call(h, _)) ?? {} : {}
+        ..._ ? ((f = (y = t.props).getTagProps) == null ? void 0 : f.call(y, _)) ?? {} : {}
       });
-    }, pe = (r) => {
-      var h, f;
-      const _ = t.getOptionByValue(r) ?? { _key: r };
-      return b(mt, {
-        ..._ ? ((f = (h = t.props).getTagProps) == null ? void 0 : f.call(h, _)) ?? {} : {},
+    }, pe = (u) => {
+      var y, f;
+      const _ = t.getOptionByValue(u) ?? { _key: u };
+      return h(bt, {
+        ..._ ? ((f = (y = t.props).getTagProps) == null ? void 0 : f.call(y, _)) ?? {} : {},
         size: t.getTagSize.value
       });
-    }, Ce = () => {
+    }, Se = () => {
       const _ = (() => {
-        var h, f;
+        var y, f;
         if (!t.props.multiple && !X(t.model.value) && t.model.value) {
-          let A;
-          lt(t.model.value) && !K(t.model.value) && (A = t.model.value);
-          const q = A ? (f = (h = t.slots).optionLeading) == null ? void 0 : f.call(
-            h,
-            go(
+          let V;
+          it(t.model.value) && !j(t.model.value) && (V = t.model.value);
+          const q = V ? (f = (y = t.slots).optionLeading) == null ? void 0 : f.call(
+            y,
+            yo(
               t.props.size,
-              y(A)
+              d(V)
             )
-          ) : null, Z = !$(q);
-          if (Z || t.props.tagRenderMode && ["avatar", "go"].includes(t.props.tagRenderMode) || L.value || t.props.leadingIcon) {
-            let M;
-            if (Z ? M = q : t.props.tagRenderMode === "avatar" ? M = te(t.model.value) : t.props.tagRenderMode === "go" ? M = pe(t.model.value) : L.value ? M = m(L.value) : t.props.leadingIcon && (M = m(t.props.leadingIcon)), !$(M))
-              return M;
+          ) : null, Z = !N(q);
+          if (Z || t.props.tagRenderMode && ["avatar", "go"].includes(t.props.tagRenderMode) || H.value || t.props.leadingIcon) {
+            let L;
+            if (Z ? L = q : t.props.tagRenderMode === "avatar" ? L = te(t.model.value) : t.props.tagRenderMode === "go" ? L = pe(t.model.value) : H.value ? L = m(H.value) : t.props.leadingIcon && (L = m(t.props.leadingIcon)), !N(L))
+              return L;
           }
         }
         return null;
       })();
-      return b(
+      return h(
         "div",
         {
-          class: H(S(n, "leading"), t.props.triggerLeadingCls),
-          style: $(_) ? { display: "none" } : void 0
+          class: U(S(a, "leading"), t.props.triggerLeadingCls),
+          style: N(_) ? { display: "none" } : void 0
         },
         _
       );
     }, de = () => {
-      var Z, M;
-      const r = (M = (Z = t.slots).trigger) == null ? void 0 : M.call(Z, d.value);
-      if (!$(r))
-        return b(Ht, he(Y.value, ["class"]), () => r);
-      const h = () => {
+      var Z, L;
+      const u = (L = (Z = t.slots).trigger) == null ? void 0 : L.call(Z, x.value);
+      if (!N(u))
+        return h(Yt, be(Y.value, ["class"]), () => u);
+      const y = () => {
         const z = [], oe = [
-          S(n, "tags"),
+          S(a, "tags"),
           t.props.triggerContentCls,
           t.props.triggerContentValueCls
-        ], D = (() => {
+        ], E = (() => {
           if (t.props.multiple && X(t.model.value)) {
             if (t.props.tagRenderMode === "avatar")
-              return b(
-                no,
+              return h(
+                po,
                 {
                   maxCount: t.props.maxCount,
                   size: t.getTagSize.value,
@@ -268,8 +272,8 @@ const [Fe, xo] = Gt("Combobox"), P = oo("combobox"), ft = lo(P, "value-placehold
                 () => t.model.value.map(te)
               );
             if (t.props.tagRenderMode === "go")
-              return b(
-                ro,
+              return h(
+                go,
                 {
                   maxCount: t.props.maxCount,
                   size: t.getTagSize.value,
@@ -281,8 +285,8 @@ const [Fe, xo] = Gt("Combobox"), P = oo("combobox"), ft = lo(P, "value-placehold
                 () => t.model.value.map(pe)
               );
             if (t.props.tagRenderMode === "chip")
-              return b(
-                so,
+              return h(
+                mo,
                 {
                   maxCount: t.props.maxCount,
                   size: t.getTagSize.value,
@@ -295,127 +299,127 @@ const [Fe, xo] = Gt("Combobox"), P = oo("combobox"), ft = lo(P, "value-placehold
                 },
                 () => t.model.value.map((ie) => {
                   var ge, me;
-                  const Te = () => t.getLabelByValue(ie), Se = ({ size: we }) => {
-                    const R = U(t.getOptionByValue(ie)) ?? t.props.leadingIcon;
-                    return R ? m(R, we) : null;
-                  }, ke = t.getOptionByValue(ie);
-                  return b(
-                    io,
+                  const Ae = () => t.getLabelByValue(ie), ke = ({ size: Ve }) => {
+                    const M = G(t.getOptionByValue(ie)) ?? t.props.leadingIcon;
+                    return M ? m(M, Ve) : null;
+                  }, xe = t.getOptionByValue(ie);
+                  return h(
+                    fo,
                     {
-                      ...ke ? ((me = (ge = t.props).getTagProps) == null ? void 0 : me.call(ge, ke)) ?? {} : {},
+                      ...xe ? ((me = (ge = t.props).getTagProps) == null ? void 0 : me.call(ge, xe)) ?? {} : {},
                       value: ie,
-                      class: H(S(n, "tag"), t.props.tagCls),
-                      closeIconCls: S(n, "tag__close")
+                      class: U(S(a, "tag"), t.props.tagCls),
+                      closeIconCls: S(a, "tag__close")
                     },
                     {
-                      text: Te,
-                      leading: Se
+                      text: Ae,
+                      leading: ke
                     }
                   );
                 })
               );
           }
         })();
-        if (D && z.push(D), t.props.headerSearch ? (!t.props.noValueOnPlaceholder || t.props.placeholder) && z.push(
-          b(
+        if (E && z.push(E), t.props.headerSearch ? (!t.props.noValueOnPlaceholder || t.props.placeholder) && z.push(
+          h(
             "div",
             {
-              class: H(S(n, "content__value"), {
-                [ft]: t.valuePlaceholder.value
+              class: U(S(a, "content__value"), {
+                [_t]: t.valuePlaceholder.value
               })
             },
             t.placeholder.value ?? t.props.placeholder
           )
         ) : z.push(
-          b(We, {
+          h(qe, {
             noValueOnPlaceholder: t.props.noValueOnPlaceholder,
             searchIcon: !1,
             bordered: !1,
             simple: !0
           })
-        ), !$(z) || !t.props.contentFit || t.props.trailingIcon)
-          return b("div", { class: S(n, "content") }, z);
-      }, f = [], A = Ce();
-      f.push(A), f.push(h());
+        ), !N(z) || !t.props.contentFit || t.props.trailingIcon)
+          return h("div", { class: S(a, "content") }, z);
+      }, f = [], V = Se();
+      f.push(V), f.push(y());
       const q = se();
-      return $(q) || f.push(q), b("button", Y.value, f);
+      return N(q) || f.push(q), h("div", Y.value, f);
     };
-    return (r, _) => (w(), j(de));
+    return (u, _) => (w(), $(de));
   }
-}), it = /* @__PURE__ */ be({
-  ..._e("ComboboxOption"),
+}), gt = /* @__PURE__ */ _e({
+  ...Ce("ComboboxOption"),
   __name: "ComboboxOption",
   props: {
     option: {}
   },
-  setup(B) {
-    const t = B, c = Fe(), o = C(() => c.isOptionSelected(t.option._key)), k = (g) => {
-      var n, F, Y, m, se, te;
-      const d = [];
-      !c.props.tree && c.props.multiple && c.props.checkbox && !t.option._noCheckbox && d.push(
-        b(ho, {
+  setup(O) {
+    const t = O, c = He(), o = C(() => c.isOptionSelected(t.option._key)), b = (p) => {
+      var a, F, Y, m, se, te;
+      const x = [];
+      !c.props.tree && c.props.multiple && c.props.checkbox && !t.option._noCheckbox && x.push(
+        h(So, {
           unExtendParent: !0,
           modelValue: o.value,
-          size: g.checkboxSize,
+          size: p.checkboxSize,
           disabled: t.option._disabled || c.getDisabled.value
         })
       );
-      const y = (F = (n = c.slots).optionLeading) == null ? void 0 : F.call(n, { ...g, option: t.option });
-      return $(y) ? c.props.tagRenderMode === "avatar" && c.props.showTriggerTagOnOption ? d.push(
-        b(gt, {
-          size: g.avatarSize,
+      const d = (F = (a = c.slots).optionLeading) == null ? void 0 : F.call(a, { ...p, option: t.option });
+      return N(d) ? c.props.tagRenderMode === "avatar" && c.props.showTriggerTagOnOption ? x.push(
+        h(ht, {
+          size: p.avatarSize,
           ...((m = (Y = c.props).getTagProps) == null ? void 0 : m.call(Y, t.option)) ?? {}
         })
-      ) : c.props.tagRenderMode === "go" && c.props.showTriggerTagOnOption ? d.push(
-        b(mt, {
-          size: g.iconSize,
+      ) : c.props.tagRenderMode === "go" && c.props.showTriggerTagOnOption ? x.push(
+        h(bt, {
+          size: p.iconSize,
           ...((te = (se = c.props).getTagProps) == null ? void 0 : te.call(se, t.option)) ?? {}
         })
-      ) : t.option._icon && d.push(b(Ke, { icon: t.option._icon, size: c.getIconSize.value })) : d.push(y), $(d) ? null : d;
-    }, U = jt(), L = () => {
-      const g = c.props.tree ? void 0 : t.option._description, d = (qt(c.props.getMenuItemProps) ? c.props.getMenuItemProps(t.option) : c.props.getMenuItemProps) ?? {};
-      return b(
-        mo,
+      ) : t.option._icon && x.push(h(Ge, { icon: t.option._icon, size: c.getIconSize.value })) : x.push(d), N(x) ? null : x;
+    }, G = Ht(), H = () => {
+      const p = c.props.tree ? void 0 : t.option._description, x = (eo(c.props.getMenuItemProps) ? c.props.getMenuItemProps(t.option) : c.props.getMenuItemProps) ?? {};
+      return h(
+        ho,
         {
           unExtendParent: !0,
           class: S(P, "option"),
           unFocusable: !0,
           staticStyle: c.props.tree,
-          description: g,
+          description: p,
           title: t.option._label,
           key: t.option._key,
           selected: o.value,
-          leadingCenter: !!g,
+          leadingCenter: !!p,
           size: c.getSize.value,
           disabled: c.props.tree ? !1 : t.option._disabled || c.getDisabled.value,
           onClick: () => c.selectOption(t.option),
           slotProps: t,
-          ...d,
-          ...U
+          ...x,
+          ...G
         },
         {
-          leading: k,
+          leading: b,
           trailing: c.slots.optionTrailing,
           title: c.slots.optionTitle,
           description: c.slots.optionDescription
         }
       );
     };
-    return (g, d) => (w(), j(L));
+    return (p, x) => (w(), $(H));
   }
-}), Po = /* @__PURE__ */ be({
-  ..._e("ComboboxLabel"),
+}), Ao = /* @__PURE__ */ _e({
+  ...Ce("ComboboxLabel"),
   __name: "ComboboxLabel",
   props: {
     label: {}
   },
-  setup(B) {
-    return (t, c) => (w(), ye("div", {
-      class: Ie(i(S)(i(P), "label"))
-    }, Kt(B.label), 3));
+  setup(O) {
+    return (t, c) => (w(), he("div", {
+      class: ze(s(S)(s(P), "label"))
+    }, qt(O.label), 3));
   }
-}), Io = /* @__PURE__ */ be({
-  ..._e("Combobox"),
+}), Vo = /* @__PURE__ */ _e({
+  ...Ce("Combobox"),
   __name: "Combobox",
   props: {
     modelValue: {},
@@ -507,50 +511,50 @@ const [Fe, xo] = Gt("Combobox"), P = oo("combobox"), ft = lo(P, "value-placehold
     ignoreParentTo: { type: Boolean }
   },
   emits: ["update:modelValue", "update:expandedKeys", "keydownEnter", "keydownEscape", "update:search", "fetch", "search", "select", "update:open", "escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus", "openChange"],
-  setup(B, { expose: t, emit: c }) {
-    const o = B, k = c, U = () => {
+  setup(O, { expose: t, emit: c }) {
+    const o = O, b = c, G = () => {
       var e, l;
       o.tree && (((e = o.filterOptions) == null ? void 0 : e.expandParent) === "collapse" ? Y([]) : ((l = o.filterOptions) == null ? void 0 : l.expandParent) === "expand" && Y(
-        z.value.filter((a) => a._hasChildren).map((a) => a._key)
+        z.value.filter((n) => n._hasChildren).map((n) => n._key)
       ));
-    }, L = at((e) => {
-      k("search", e), U();
-    }, 500), g = Pe(o, "search", k, {
+    }, H = ut((e) => {
+      b("search", e), G();
+    }, 500), p = we(o, "search", b, {
       passive: o.search === void 0,
-      onChange: L
-    }), d = co(g, 500), y = Pe(o, "open", k, {
+      onChange: H
+    }), x = Oo(p, 500), d = we(o, "open", b, {
       defaultValue: o.defaultOpen,
       passive: o.open === void 0,
       onChange(e) {
-        !e && o.resetSearchTermOnBlur && (g.value = void 0);
+        !e && o.resetSearchTermOnBlur && (p.value = void 0);
       }
-    }), n = Pe(
+    }), a = we(
       o,
       "modelValue",
-      k,
+      b,
       {
         passive: o.modelValue === void 0,
         onChange: () => {
           var e, l;
-          y.value && !o.multiple && (y.value = !1), R != null && R.value && o.sortSelectedItems && ((l = (e = R == null ? void 0 : R.value) == null ? void 0 : e.measure) == null || l.call(e)), o.resetSearchTermOnSelect && (g.value = void 0);
+          d.value && !o.multiple && (d.value = !1, ve()), M != null && M.value && o.sortSelectedItems && ((l = (e = M == null ? void 0 : M.value) == null ? void 0 : e.measure) == null || l.call(e)), o.resetSearchTermOnSelect && (p.value = void 0);
         }
       }
-    ), F = Pe(
+    ), F = we(
       o,
       "expandedKeys",
-      k,
+      b,
       {
         passive: o.expandedKeys === void 0
       }
-    ), Y = at(
+    ), Y = ut(
       (e) => {
         F.value = e;
       },
       500,
       { edges: ["leading"] }
-    ), m = ut(), se = Ut(k), te = C(() => ({
-      ...he(se, ["update:modelValue", "update:search", "select"]),
-      ...Jt(o, [
+    ), m = mt(), se = Zt(b), te = C(() => ({
+      ...be(se, ["onUpdate:modelValue", "onUpdate:search", "onSelect", "onOpenAutoFocus"]),
+      ...to(o, [
         "placement",
         "reversePlacementOnDir",
         "zIndex",
@@ -565,9 +569,9 @@ const [Fe, xo] = Gt("Combobox"), P = oo("combobox"), ft = lo(P, "value-placehold
         "noTrigger"
       ])
       // modal: true,
-    })), pe = ve();
-    Qt({ target: pe });
-    const Ce = J({
+    })), pe = ue();
+    oo({ target: pe });
+    const Se = J({
       key: "value",
       getter: o.getValue
     }), de = {
@@ -582,12 +586,12 @@ const [Fe, xo] = Gt("Combobox"), P = oo("combobox"), ft = lo(P, "value-placehold
         getter: o.getDescription,
         noReturnOption: !0
       }),
-      getValue: Ce,
+      getValue: Se,
       getLabel: J({
         key: "label",
         getter: o.getLabel,
         noReturnOption: !0,
-        defaultValue: Ce
+        defaultValue: Se
       }),
       getNoCheckbox: J({
         key: "noCheckbox",
@@ -617,153 +621,153 @@ const [Fe, xo] = Gt("Combobox"), P = oo("combobox"), ft = lo(P, "value-placehold
         getter: o.getIcon,
         noReturnOption: !0
       })
-    }, r = (e, l) => {
-      var s;
-      const a = `get${l[0].toUpperCase() + l.slice(1)}`;
-      return (s = de[a]) == null ? void 0 : s.call(de, e);
-    }, _ = (e, l, a) => !!(!o.tree && !(l != null && l.length) && (a != null && a.length)), h = C(
-      () => fo({
-        getValue: (e, l, a) => {
-          const s = r(e, "value");
-          return K(s) && _(e, l, a) ? Re($e) : s;
+    }, u = (e, l) => {
+      var r;
+      const n = `get${l[0].toUpperCase() + l.slice(1)}`;
+      return (r = de[n]) == null ? void 0 : r.call(de, e);
+    }, _ = (e, l, n) => !!(!o.tree && !(l != null && l.length) && (n != null && n.length)), y = C(
+      () => bo({
+        getValue: (e, l, n) => {
+          const r = u(e, "value");
+          return j(r) && _(e, l, n) ? Fe(We) : r;
         },
-        getDisabled: (e) => r(e, "disabled"),
+        getDisabled: (e) => u(e, "disabled"),
         arr: o.options ?? [],
         getChildren: (e, l) => {
           if (!(l != null && l.length && !o.tree))
-            return r(e, "options");
+            return u(e, "options");
         },
         getExtra: (e, l) => {
           if (l) {
-            let a = r(l, "label");
-            return K(a) || (a = String(a)), {
-              _description: r(l, "description"),
-              _label: a,
-              _title: o.tree ? a : void 0,
-              _noCheckbox: r(l, "noCheckbox"),
-              _single: r(l, "single"),
-              _clear: r(l, "clear"),
-              _icon: r(l, "icon"),
+            let n = u(l, "label");
+            return j(n) || (n = String(n)), {
+              _description: u(l, "description"),
+              _label: n,
+              _title: o.tree ? n : void 0,
+              _noCheckbox: u(l, "noCheckbox"),
+              _single: u(l, "single"),
+              _clear: u(l, "clear"),
+              _icon: u(l, "icon"),
               _id: S(P, e)
             };
           }
         },
         allowNoValidKey: _
       })
-    ), f = (e, l = !1) => e ? h.value.filter((a) => {
-      var s;
+    ), f = (e, l = !1) => e ? y.value.filter((n) => {
+      var r;
       if (l) {
-        const x = nt(a._parentKeys ?? []);
-        return x && x === e;
+        const k = ct(n._parentKeys ?? []);
+        return k && k === e;
       }
-      return (s = a._parentKeys) == null ? void 0 : s.includes(e);
-    }) : [], A = (e) => {
+      return (r = n._parentKeys) == null ? void 0 : r.includes(e);
+    }) : [], V = (e) => {
       var l;
-      if ((l = h.value) != null && l.length && !K(e))
-        return h.value.find((a) => a._key === e);
+      if ((l = y.value) != null && l.length && !j(e))
+        return y.value.find((n) => n._key === e);
     }, q = (e) => {
-      const l = A(e);
+      const l = V(e);
       return l && (l._label || l._key) || e;
     }, Z = (e) => {
-      const l = A(e);
+      const l = V(e);
       return l ? l._single ?? !1 : !1;
-    }, M = (e) => e === void 0 ? !1 : Array.isArray(n.value) ? !!(e && n.value.includes(e)) : n.value === e, z = C(() => {
-      var s, x;
+    }, L = (e) => e === void 0 ? !1 : Array.isArray(a.value) ? !!(e && a.value.includes(e)) : a.value === e, z = C(() => {
+      var r, k;
       let e = [];
-      const l = /* @__PURE__ */ new Set(), a = (u) => {
-        u != null && u._key && !l.has(u._key) && (e.push(re(u)), l.add(u._key));
+      const l = /* @__PURE__ */ new Set(), n = (i) => {
+        i != null && i._key && !l.has(i._key) && (e.push(re(i)), l.add(i._key));
       };
-      if (d.value ? (h.value.forEach((u) => {
-        var v, E;
-        if (u._label && u._label.toLowerCase().includes(d.value.toLowerCase()) && !l.has(u._key)) {
-          if (a(u), u._hasChildren && f(u._key).forEach(a), (v = o.filterOptions) != null && v.strictNode)
-            u._parentKeys && u._parentKeys.forEach((p) => {
-              if (!l.has(p)) {
-                const ae = A(p);
-                a(ae);
+      if (x.value ? (y.value.forEach((i) => {
+        var v, D;
+        if (i._label && i._label.toLowerCase().includes(x.value.toLowerCase()) && !l.has(i._key)) {
+          if (n(i), i._hasChildren && f(i._key).forEach(n), (v = o.filterOptions) != null && v.strictNode)
+            i._parentKeys && i._parentKeys.forEach((g) => {
+              if (!l.has(g)) {
+                const ne = V(g);
+                n(ne);
               }
             });
-          else if ((E = u._parentKeys) != null && E.length) {
-            const p = st(u._parentKeys);
-            if (!K(p)) {
-              if (!l.has(p)) {
-                const ne = A(p);
-                a(ne);
+          else if ((D = i._parentKeys) != null && D.length) {
+            const g = dt(i._parentKeys);
+            if (!j(g)) {
+              if (!l.has(g)) {
+                const ae = V(g);
+                n(ae);
               }
-              f(p).forEach(a);
+              f(g).forEach(n);
             }
           }
         }
       }), e = e.sort(
-        (u, V) => h.value.findIndex((v) => v._key === u._key) - h.value.findIndex((v) => v._key === V._key)
-      )) : e = re(h.value), o.sortSelectedItems && !o.tree && !K(n.value)) {
-        let u = re(e);
-        const V = u.filter((I) => M(I._key)), v = Symbol("root"), E = Symbol("rootGroup"), p = {}, ae = (I, N, T = 1) => {
-          const G = u.splice(I, T);
-          u.splice(N, 0, ...G);
-        }, ne = (I) => I ? u.findIndex((N) => N._key === I) : -1, Be = (I) => {
-          const N = p[I], T = ne(N == null ? void 0 : N.key);
-          return N != null && N.length ? T + N.length + 1 : T + 1;
+        (i, A) => y.value.findIndex((v) => v._key === i._key) - y.value.findIndex((v) => v._key === A._key)
+      )) : e = re(y.value), o.sortSelectedItems && !o.tree && !j(a.value)) {
+        let i = re(e);
+        const A = i.filter((I) => L(I._key)), v = Symbol("root"), D = Symbol("rootGroup"), g = {}, ne = (I, R, T = 1) => {
+          const W = i.splice(I, T);
+          i.splice(R, 0, ...W);
+        }, ae = (I) => I ? i.findIndex((R) => R._key === I) : -1, Ie = (I) => {
+          const R = g[I], T = ae(R == null ? void 0 : R.key);
+          return R != null && R.length ? T + R.length + 1 : T + 1;
         };
-        V.forEach((I) => {
-          var N;
-          if ((N = I._parentKeys) != null && N.length) {
-            const T = st(I._parentKeys);
-            let G = ne(T);
-            const et = Math.max(
-              Be(v),
-              Be(E)
+        A.forEach((I) => {
+          var R;
+          if ((R = I._parentKeys) != null && R.length) {
+            const T = dt(I._parentKeys);
+            let W = ae(T);
+            const at = Math.max(
+              Ie(v),
+              Ie(D)
             );
-            if (G > et) {
-              const Oe = f(T).length;
-              ae(G, et, Oe + 1);
+            if (W > at) {
+              const Te = f(T).length;
+              ne(W, at, Te + 1);
             }
-            if (p[E] = {
+            if (g[D] = {
               key: T,
               length: f(T).length
-            }, G = ne(T), T && G > -1) {
-              const Oe = ne(I._key);
-              if (p[T] === void 0)
-                ae(Oe, G + 1);
+            }, W = ae(T), T && W > -1) {
+              const Te = ae(I._key);
+              if (g[T] === void 0)
+                ne(Te, W + 1);
               else {
-                const Rt = Be(T);
-                ae(Oe, Rt);
+                const Kt = Ie(T);
+                ne(Te, Kt);
               }
-              p[T] = {
+              g[T] = {
                 length: void 0,
                 key: I._key
               };
             }
           } else {
-            const T = ne(I._key), G = Be(v);
-            T > G && ae(T, G), p[v] = {
+            const T = ae(I._key), W = Ie(v);
+            T > W && ne(T, W), g[v] = {
               key: I._key,
               length: I._hasChildren ? f(I._key).length : void 0
             };
           }
-          u = re(u);
-        }), e = u;
+          i = re(i);
+        }), e = i;
       }
       if (!o.tree) {
-        const u = re(e);
-        for (let V = 0; V < u.length - 1; V++) {
-          const v = u[V], E = u[V + 1];
-          !E._divider && (E._hasChildren || (s = v._parentKeys) != null && s.length && !((x = E._parentKeys) != null && x.length)) && (u.splice(V + 1, 0, {
-            _key: Re($e),
+        const i = re(e);
+        for (let A = 0; A < i.length - 1; A++) {
+          const v = i[A], D = i[A + 1];
+          !D._divider && (D._hasChildren || (r = v._parentKeys) != null && r.length && !((k = D._parentKeys) != null && k.length)) && (i.splice(A + 1, 0, {
+            _key: Fe(We),
             _divider: !0,
-            _id: Re($e)
-          }), V++);
+            _id: Fe(We)
+          }), A++);
         }
-        e = u;
+        e = i;
       }
       return e;
     });
-    U();
-    const { getDisabled: oe, getStatus: Ge, getSize: D } = Xt({
+    G();
+    const { getDisabled: oe, getStatus: Je, getSize: E } = lo({
       defaults: { size: "md" },
       exports: ["getDisabled", "getSize", "getStatus"]
     }), ie = C(() => {
-      switch (D.value) {
+      switch (E.value) {
         case "sm":
           return "xsm";
         case "lg":
@@ -772,8 +776,8 @@ const [Fe, xo] = Gt("Combobox"), P = oo("combobox"), ft = lo(P, "value-placehold
         default:
           return "sm";
       }
-    }), Te = C(() => {
-      switch (D.value) {
+    }), Ae = C(() => {
+      switch (E.value) {
         case "sm":
           return "2xsm";
         case "lg":
@@ -782,7 +786,7 @@ const [Fe, xo] = Gt("Combobox"), P = oo("combobox"), ft = lo(P, "value-placehold
         default:
           return "xsm";
       }
-    }), Se = ve(), ke = {
+    }), ke = ue(), xe = {
       sm: 4,
       md: 6,
       lg: 8
@@ -793,13 +797,13 @@ const [Fe, xo] = Gt("Combobox"), P = oo("combobox"), ft = lo(P, "value-placehold
       sm: 32,
       md: 50,
       lg: 54
-    }, we = C(() => ({
+    }, Ve = C(() => ({
       get count() {
         return z.value.length;
       },
       getScrollElement: () => {
         var e;
-        return (e = Se.value) == null ? void 0 : e.container.viewportElement;
+        return (e = ke.value) == null ? void 0 : e.container.viewportElement;
       },
       estimateSize: (e) => {
         const l = z.value[e];
@@ -807,164 +811,174 @@ const [Fe, xo] = Gt("Combobox"), P = oo("combobox"), ft = lo(P, "value-placehold
           if (l._divider)
             return 1;
           if (l._label && l._hasChildren)
-            return 8 + (ge[D.value] ?? ge.md);
+            return 8 + (ge[E.value] ?? ge.md);
           if (l._description)
-            return me[D.value] ?? me.md;
+            return me[E.value] ?? me.md;
         }
-        return rt[D.value] ?? rt.md;
+        return pt[E.value] ?? pt.md;
       },
       overscan: 5,
       get gap() {
-        return ke[D.value] ?? 0;
+        return xe[E.value] ?? 0;
       }
     }));
-    let R, le;
+    let M, le;
     if (o.virtual) {
-      const { virtualizer: e, ...l } = Yt(
-        we
+      const { virtualizer: e, ...l } = no(
+        Ve
       );
-      R = e, le = l;
+      M = e, le = l;
     }
-    const yt = C(
+    const St = C(
       () => {
         var e;
-        return o.virtual ? (((e = R == null ? void 0 : R.value) == null ? void 0 : e.getVirtualItems()) ?? []).map((l) => z.value[l.index]) : z.value;
+        return o.virtual ? (((e = M == null ? void 0 : M.value) == null ? void 0 : e.getVirtualItems()) ?? []).map((l) => z.value[l.index]) : z.value;
       }
-    ), ht = C(() => (le == null ? void 0 : le.containerStyles.value) ?? {}), {
-      inputBindings: bt,
-      rootBindings: _t,
-      focused: Ct
-    } = Zt({
+    ), kt = C(() => (le == null ? void 0 : le.containerStyles.value) ?? {}), {
+      inputBindings: xt,
+      rootBindings: Ot,
+      focused: Bt
+    } = ao({
       getDisabled: () => oe.value
-    }), ue = ve(), ze = () => {
-      var e;
-      if (ue.value && document.activeElement !== ((e = ue.value) == null ? void 0 : e.input)) {
-        ue.value.input.style.pointerEvents = "auto";
-        const l = setTimeout(() => {
-          var a, s;
-          (s = (a = ue.value) == null ? void 0 : a.focus) == null || s.call(a), clearTimeout(l);
-        }, 100);
-        ue.value.input.style.pointerEvents = "";
+    }), Ee = ue(), De = ue();
+    let Oe = !1, fe;
+    const ve = () => {
+      var n;
+      const e = ((n = s(De)) == null ? void 0 : n.$el) ?? s(De), l = s(Ee);
+      !Oe && (l || e) && (Oe = !0, clearTimeout(fe), l ? (l.input.style.pointerEvents = "auto", fe = setTimeout(() => {
+        var r;
+        (r = l == null ? void 0 : l.focus) == null || r.call(l), Oe = !1, clearTimeout(fe);
+      }, 150), l.input.style.pointerEvents = "") : (e.style.pointerEvents = "auto", fe = setTimeout(() => {
+        var r;
+        (r = e.focus) == null || r.call(e), Oe = !1, clearTimeout(fe);
+      }, 150), e.style.pointerEvents = ""));
+    }, Pt = (e) => {
+      if (!o.headerSearch || !s(Ee)) {
+        e.preventDefault(), ve();
+        return;
       }
-    }, He = C(
-      () => !o.noValueOnPlaceholder && (X(n.value) ? n.value.length === 1 && !K(n.value[0]) : !K(n.value))
-    ), St = C(() => {
-      if (He.value) {
-        if (o.multiple && X(n.value))
-          return q(nt(n.value));
-        if (!o.multiple && !X(n.value))
-          return q(n.value);
+      b("openAutoFocus", e);
+    }, Qe = C(
+      () => !o.noValueOnPlaceholder && (X(a.value) ? a.value.length === 1 && !j(a.value[0]) : !j(a.value))
+    ), It = C(() => {
+      if (Qe.value) {
+        if (o.multiple && X(a.value))
+          return q(ct(a.value));
+        if (!o.multiple && !X(a.value))
+          return q(a.value);
       }
-    }), { CollectionSlot: kt, CollectionItem: Ue, itemMap: xt, getItems: qe } = eo({
+    }), { CollectionSlot: Tt, CollectionItem: Xe, itemMap: wt, getItems: Ye } = ro({
       isProvider: !0,
       key: P
-    }), Je = () => n.value ? Array.isArray(n.value) ? n.value : [n.value] : [], O = ve(), Ve = (e) => {
-      O.value = e;
-    }, Qe = (e) => ({
+    }), Ze = () => a.value ? Array.isArray(a.value) ? a.value : [a.value] : [], B = ue(), Le = (e) => {
+      B.value = e;
+    }, et = (e) => ({
       "data-disabled": e._disabled ? "" : void 0,
-      "data-highlighted": O.value === e._key ? "" : void 0
-    }), fe = ve(), Xe = (e, l) => {
-      var a, s;
-      if (l && ((a = fe.value) != null && a.onSelect) && o.tree && ((s = fe.value) == null || s.onSelect(e, !M(e == null ? void 0 : e._key))), !(o.tree || !e || !e._key || e._disabled))
+      "data-highlighted": B.value === e._key ? "" : void 0
+    }), ye = ue(), Be = (e) => {
+      s(a) === e && d.value && (d.value = !1);
+    }, tt = (e, l) => {
+      var n, r;
+      if (l && ((n = ye.value) != null && n.onSelect) && o.tree && ((r = ye.value) == null || r.onSelect(e, !L(e == null ? void 0 : e._key))), !(o.tree || !e || !e._key || e._disabled))
         if (o.multiple)
           if (e._clear)
-            n.value = [], k("select", void 0, !1);
+            a.value = [], b("select", void 0, !1);
           else if (e._single)
-            n.value = [e._key], k("select", e._key, !0, e);
+            a.value = [e._key], b("select", e._key, !0, e);
           else {
-            let x = X(n.value) ? n.value : [];
-            const u = x.includes(e._key);
-            x.length === 1 && Z(x[0]) && e._key !== x[0] && (x = []), u ? (n.value = x.filter((V) => V !== e._key), k("select", e._key, !0, e)) : (n.value = [...x, e._key], k("select", e._key, !1, e));
+            let k = X(a.value) ? a.value : [];
+            const i = k.includes(e._key);
+            k.length === 1 && Z(k[0]) && e._key !== k[0] && (k = []), i ? (a.value = k.filter((A) => A !== e._key), b("select", e._key, !0, e)) : (a.value = [...k, e._key], b("select", e._key, !1, e));
           }
-        else e._clear ? (n.value = void 0, k("select", void 0, !1)) : (n.value = e._key, k("select", e._key, !0, e));
-    }, { getDir: Bt } = Co(), xe = Bt(), Ye = {
-      props: o,
-      emit: k,
-      onKeyDown: (e) => {
-        var l, a, s, x, u, V;
-        if (o.headerSearch || e.stopPropagation(), e.key === "Backspace" && o.multiple && X(n.value) && K(g.value))
-          n.value = n.value.slice(0, -1);
-        else if (!y.value)
-          (e.key === "ArrowDown" || e.key === "Enter") && (y.value = !0);
-        else if (y.value) {
-          const v = qe(o.tree);
-          if (e.key === "Escape")
-            e.preventDefault(), e.stopPropagation(), y.value = !1;
-          else if (e.key === "Tab" && !o.headerSearch) y.value = !1;
-          else if (["ArrowDown", "ArrowUp"].includes(e.key)) {
-            if (v.length) {
-              const E = v.findIndex(
-                (p) => O.value && p.value && p.value === O.value
-              );
-              if (e.key === "ArrowDown") {
-                const p = v[E + 1];
-                O.value = (p == null ? void 0 : p.value) ?? O.value ?? v[0].value;
-              } else if (e.key === "ArrowUp") {
-                const p = v[E - 1];
-                O.value = (p == null ? void 0 : p.value) ?? v[0].value;
-              }
-              (a = (l = v.find(
-                (p) => O.value && p.value && p.value === O.value
-              )) == null ? void 0 : l.ref) == null || a.scrollIntoView();
+        else e._clear ? (Be(void 0), a.value = void 0, b("select", void 0, !1)) : (Be(e._key), a.value = e._key, b("select", e._key, !0, e));
+    }, { getDir: zt } = Bo(), Pe = zt(), ot = (e) => {
+      var l, n, r, k, i, A;
+      if (["Tab", "Escape"].includes(e.key))
+        d.value = !1, e.key === "Escape" && b("keydownEscape", e);
+      else if (e.key === "Backspace" && o.multiple && X(a.value) && j(p.value))
+        a.value = a.value.slice(0, -1);
+      else if (!d.value && (e.key.length === 1 && e.key !== " " || ["Enter", "ArrowDown", "ArrowUp"].includes(e.key)))
+        d.value = !0;
+      else {
+        const v = Ye(o.tree);
+        if (["ArrowDown", "ArrowUp"].includes(e.key)) {
+          if (v.length) {
+            const D = v.findIndex(
+              (g) => B.value && g.value && g.value === B.value
+            );
+            if (e.key === "ArrowDown") {
+              const g = v[D + 1];
+              B.value = (g == null ? void 0 : g.value) ?? B.value ?? v[0].value;
+            } else if (e.key === "ArrowUp") {
+              const g = v[D - 1];
+              B.value = (g == null ? void 0 : g.value) ?? v[0].value;
             }
-          } else if (["ArrowLeft", "ArrowRight"].includes(e.key)) {
-            const E = A(O.value);
-            v.length && fe.value && o.tree && O.value && E && ((s = F.value) != null && s.includes(O.value) && (xe.value === "ltr" && e.key === "ArrowLeft" || xe.value === "rtl" && e.key === "ArrowRight") || !((x = F.value) != null && x.includes(O.value)) && (xe.value === "ltr" && e.key === "ArrowRight" || xe.value === "rtl" && e.key === "ArrowLeft")) && ((V = (u = fe.value).onExpandKey) == null || V.call(u, E));
-          } else e.key === "Enter" && (v.length === 1 && v[0].value && O.value !== v[0].value && (O.value = v[0].value), O.value && Xe(A(O.value), !0), k("keydownEnter", e, g.value));
-          e.key === "Escape" && k("keydownEscape", e);
-        }
-      },
-      searchModel: g,
-      openModel: y,
-      model: n,
+            (n = (l = v.find(
+              (g) => B.value && g.value && g.value === B.value
+            )) == null ? void 0 : l.ref) == null || n.scrollIntoView();
+          }
+        } else if (["ArrowLeft", "ArrowRight"].includes(e.key)) {
+          const D = V(B.value);
+          v.length && ye.value && o.tree && B.value && D && ((r = F.value) != null && r.includes(B.value) && (Pe.value === "ltr" && e.key === "ArrowLeft" || Pe.value === "rtl" && e.key === "ArrowRight") || !((k = F.value) != null && k.includes(B.value)) && (Pe.value === "ltr" && e.key === "ArrowRight" || Pe.value === "rtl" && e.key === "ArrowLeft")) && ((A = (i = ye.value).onExpandKey) == null || A.call(i, D));
+        } else e.key === "Enter" && (v.length === 1 && v[0].value && B.value !== v[0].value && (B.value = v[0].value), B.value && tt(V(B.value), !0), b("keydownEnter", e, p.value));
+      }
+    }, lt = {
+      props: o,
+      emit: b,
+      onKeyDown: ot,
+      searchModel: p,
+      openModel: d,
+      model: a,
       slots: m,
-      valuePlaceholder: He,
-      placeholder: St,
-      getOptionByValue: A,
-      isOptionSelected: M,
+      valuePlaceholder: Qe,
+      placeholder: It,
+      getOptionByValue: V,
+      isOptionSelected: L,
       getLabelByValue: q,
       getSingleByValue: Z,
-      inputRef: ue,
-      focusOnInput: ze,
+      inputRef: Ee,
+      triggerRef: De,
+      focusOnInput: ve,
       getDisabled: oe,
-      getStatus: Ge,
-      getSize: D,
+      getStatus: Je,
+      getSize: E,
       getTagSize: ie,
-      getIconSize: Te,
-      comboboxInputBinding: bt,
-      comboboxTriggerBinding: _t,
-      comboboxInputFocused: Ct,
-      selectOption: Xe,
-      itemMap: xt,
-      getItems: qe,
-      highlightedOptionKey: O
+      getIconSize: Ae,
+      comboboxInputBinding: xt,
+      comboboxTriggerBinding: Ot,
+      comboboxInputFocused: Bt,
+      selectOption: tt,
+      itemMap: wt,
+      getItems: Ye,
+      highlightedOptionKey: B
     };
-    xo(Ye), Ft(
+    To(lt), Jt(
       () => [o.clearOnChangeMultiple, o.multiple],
       () => {
-        o.clearOnChangeMultiple && (n.value = void 0);
+        o.clearOnChangeMultiple && (a.value = void 0, d.value = !1);
       }
     );
-    const Ot = C(() => ({
+    const At = C(() => ({
       defaultExpandAll: !0,
       showLine: !0,
       disabled: oe.value,
       selectionBehavior: "replace",
       ...o.treeProps ?? {},
-      size: D.value,
+      emitReSelect: !0,
+      size: E.value,
       flattenData: !0,
       outerVirtualScroll: !0,
       selectable: !0,
       focusable: !1,
       multiple: o.multiple,
       checkable: o.multiple && o.checkbox,
-      virtual: R,
+      virtual: M,
       syncCheckboxAndSelect: o.multiple,
       data: z.value,
-      modelValue: Je(),
-      checkedKeys: Je(),
+      modelValue: Ze(),
+      checkedKeys: Ze(),
       class: S(P, "tree")
-    })), Pt = C(() => {
+    })), Vt = C(() => {
       const e = o.scrollContainerProps ?? {};
       return {
         ...e,
@@ -978,130 +992,129 @@ const [Fe, xo] = Gt("Combobox"), P = oo("combobox"), ft = lo(P, "value-placehold
           style: (le == null ? void 0 : le.scrollWrapperStyles.value) ?? {}
         }
       };
-    }), Ze = S(P, "popup"), It = dt(Ze, {
+    }), nt = S(P, "popup"), Et = yt(nt, {
       variants: {
-        size: Q(vt, Ze)
+        size: Q(Ct, nt)
       }
-    }), Tt = C(() => Ne(o.popupWidth, !0)), wt = C(() => Ne(o.popupHeight, !0)), zt = C(() => Ne(o.minWidth, !0)), Vt = () => {
-      var a, s;
-      const e = (s = m.header) == null ? void 0 : s.call(m, {
-        isEmpty: !((a = z.value) != null && a.length),
-        search: g.value
-      }), l = !$(e);
+    }), Dt = C(() => Ke(o.popupWidth, !0)), Lt = C(() => Ke(o.popupHeight, !0)), Mt = C(() => Ke(o.minWidth, !0)), Rt = () => {
+      var n, r;
+      const e = (r = m.header) == null ? void 0 : r.call(m, {
+        isEmpty: !((n = z.value) != null && n.length),
+        search: p.value
+      }), l = !N(e);
       if (l || o.headerSearch)
-        return b(
+        return h(
           "div",
           { class: S(P, "header") },
-          l ? e : b(We, o.headerSearchInputProps || {})
+          l ? e : h(qe, o.headerSearchInputProps || {})
         );
-    }, At = () => {
-      var a, s;
-      const e = (s = m.footer) == null ? void 0 : s.call(m, {
-        isEmpty: !((a = z.value) != null && a.length),
-        search: g.value
+    }, Nt = () => {
+      var n, r;
+      const e = (r = m.footer) == null ? void 0 : r.call(m, {
+        isEmpty: !((n = z.value) != null && n.length),
+        search: p.value
       });
-      if (!$(e))
-        return b("div", { class: S(P, "footer") }, e);
-    }, Dt = () => {
-      var a;
+      if (!N(e))
+        return h("div", { class: S(P, "footer") }, e);
+    }, $t = () => {
+      var n;
       const e = {
-        type: D.value === "sm" ? "simple" : "advance",
-        ...he(o.emptyProps ?? {}, ["class"]),
-        class: H(S(P, "empty"), o.emptyCls)
-      }, l = (a = m.empty) == null ? void 0 : a.call(m, e);
-      return $(l) ? b(ko, e, {
+        type: E.value === "sm" ? "simple" : "advance",
+        ...be(o.emptyProps ?? {}, ["class"]),
+        class: U(S(P, "empty"), o.emptyCls)
+      }, l = (n = m.empty) == null ? void 0 : n.call(m, e);
+      return N(l) ? h(Io, e, {
         title: m.emptyTitle,
         description: m.emptyDescription,
         actions: m.emptyActions,
         image: m.emptyImage
       }) : l;
-    }, Et = () => {
-      var a;
-      const e = (a = m.loading) == null ? void 0 : a.call(m, {});
-      return $(e) ? new Array(z.value.length ? 2 : o.loadingRowCount).fill(1).map(
-        () => b(bo, {
-          size: D.value,
-          class: H(S(P, "skeleton"), o.skeletonCls),
-          ...he(o.skeletonProps ?? {}, ["class"])
+    }, jt = () => {
+      var n;
+      const e = (n = m.loading) == null ? void 0 : n.call(m, {});
+      return N(e) ? new Array(z.value.length ? 2 : o.loadingRowCount).fill(1).map(
+        () => h(ko, {
+          size: E.value,
+          class: U(S(P, "skeleton"), o.skeletonCls),
+          ...be(o.skeletonProps ?? {}, ["class"])
         })
       ) : e;
-    }, Lt = (e, l, a) => {
-      const s = e._clear;
+    }, Ft = (e, l, n) => {
+      const r = e._clear, k = e._key;
       if (o.multiple) {
-        const x = e._single;
-        s ? n.value = [] : x ? n.value = [e._key] : n.value = a;
-      } else s || !l ? n.value = void 0 : n.value = e._key;
-      k(
+        const i = e._single;
+        r ? a.value = [] : i ? a.value = [k] : a.value = n;
+      } else r || !l ? (Be(void 0), a.value = void 0) : (Be(k), a.value = k);
+      b(
         "select",
-        e._key,
-        l,
+        r ? void 0 : k,
+        r ? !1 : l,
         e
       );
-    }, Mt = (e) => {
-      e.key === "ArrowDown" && !y.value ? y.value = !0 : e.key === "Tab" && y.value && (y.value = !1);
     };
-    return o.disableOutsidePointerEvents && to(y), t(Ye), (e, l) => (w(), j(i(ao), ce({
-      open: i(y),
-      "onUpdate:open": l[2] || (l[2] = (a) => tt(y) ? y.value = a : null)
+    return o.disableOutsidePointerEvents && so(d), t(lt), (e, l) => (w(), $(s(co), ce({
+      open: s(d),
+      "onUpdate:open": l[2] || (l[2] = (n) => rt(d) ? d.value = n : null)
     }, te.value, {
       containerProps: {
-        ...B.containerProps ?? {},
-        onClick: ze
+        ...O.containerProps ?? {},
+        onClick: ve
       },
       noPadding: !0,
-      size: i(D),
+      size: s(E),
       containerStyle: {
         pointerEvents: "auto",
-        display: i(y) ? void 0 : "none",
-        zIndex: B.zIndex,
-        "--ptc-combobox-popup-width": B.samePopupWidth ? void 0 : Tt.value,
-        "--ptc-combobox-popup-height": wt.value,
-        "--ptc-combobox-trigger-min-w": zt.value
+        display: s(d) ? void 0 : "none",
+        zIndex: O.zIndex,
+        "--ptc-combobox-popup-width": O.samePopupWidth ? void 0 : Dt.value,
+        "--ptc-combobox-popup-height": Lt.value,
+        "--ptc-combobox-trigger-min-w": Mt.value
       },
-      containerCls: i(H)(i(It)({ size: i(D) }), B.popupCls),
-      onKeydown: Mt
+      containerCls: s(U)(s(Et)({ size: s(E) }), O.popupCls),
+      onOpenAutoFocus: Pt,
+      noControl: ""
     }), {
-      default: W(() => [
-        ee(Oo)
+      default: K(() => [
+        ee(zo, { onKeydown: ot })
       ]),
-      content: W(() => [
-        ee(Vt),
-        ee(i(So), ce({
+      content: K(() => [
+        ee(Rt),
+        ee(s(Po), ce({
           ref_key: "scrollContainerRef",
-          ref: Se
-        }, Pt.value), {
-          default: W(() => [
-            z.value.length || B.loading ? (w(), j(i(kt), { key: 0 }, {
-              default: W(() => [
-                ot("div", {
-                  class: Ie(i(H)(i(S)(i(P), "options"), B.optionsCls)),
-                  style: Wt(B.virtual ? ht.value : {}),
-                  onPointerleave: l[1] || (l[1] = (a) => Ve(void 0))
+          ref: ke
+        }, Vt.value), {
+          default: K(() => [
+            z.value.length || O.loading ? (w(), $(s(Tt), { key: 0 }, {
+              default: K(() => [
+                st("div", {
+                  class: ze(s(U)(s(S)(s(P), "options"), O.optionsCls)),
+                  style: Qt(O.virtual ? kt.value : {}),
+                  onPointerleave: l[1] || (l[1] = (n) => Le(void 0))
                 }, [
-                  B.tree ? (w(), j(i(vo), ce({
+                  O.tree ? (w(), $(s(_o), ce({
                     key: 0,
                     ref_key: "treeRef",
-                    ref: fe
-                  }, Ot.value, {
-                    expandedKeys: i(F),
-                    "onUpdate:expandedKeys": l[0] || (l[0] = (a) => tt(F) ? F.value = a : null),
-                    onExpand: ze,
-                    onSelect: Lt
+                    ref: ye
+                  }, At.value, {
+                    expandedKeys: s(F),
+                    "onUpdate:expandedKeys": l[0] || (l[0] = (n) => rt(F) ? F.value = n : null),
+                    onExpand: ve,
+                    onSelect: Ft
                   }), {
-                    default: W(({ items: a }) => [
-                      (w(!0), ye(Me, null, je(a, (s) => (w(), j(i(Ue), {
-                        key: s._key,
-                        value: s._key,
-                        id: s._id
+                    default: K(({ items: n }) => [
+                      (w(!0), he(je, null, Ue(n, (r) => (w(), $(s(Xe), {
+                        key: r._key,
+                        value: r._key,
+                        id: r._id
                       }, {
-                        default: W(() => [
-                          ee(i(yo), ce({ node: s }, { ref_for: !0 }, Qe(s), {
-                            onPointermove: (x) => Ve(s._key),
-                            id: s._id
+                        default: K(() => [
+                          ee(s(Co), ce({ node: r }, { ref_for: !0 }, et(r), {
+                            onPointermove: (k) => Le(r._key),
+                            id: r._id
                           }), {
-                            default: W(() => [
-                              ee(it, {
-                                option: s
+                            default: K(() => [
+                              ee(gt, {
+                                option: r
                               }, null, 8, ["option"])
                             ]),
                             _: 2
@@ -1111,60 +1124,60 @@ const [Fe, xo] = Gt("Combobox"), P = oo("combobox"), ft = lo(P, "value-placehold
                       }, 1032, ["value", "id"]))), 128))
                     ]),
                     _: 1
-                  }, 16, ["expandedKeys"])) : (w(!0), ye(Me, { key: 1 }, je(yt.value, (a) => (w(), ye(Me, {
-                    key: a._key
+                  }, 16, ["expandedKeys"])) : (w(!0), he(je, { key: 1 }, Ue(St.value, (n) => (w(), he(je, {
+                    key: n._key
                   }, [
-                    a._divider ? (w(), j(_o, { key: 0 })) : a._label && a._hasChildren ? (w(), j(Po, {
+                    n._divider ? (w(), $(xo, { key: 0 })) : n._label && n._hasChildren ? (w(), $(Ao, {
                       key: 1,
-                      label: a._label
-                    }, null, 8, ["label"])) : a._hasChildren ? Le("", !0) : (w(), j(i(Ue), {
+                      label: n._label
+                    }, null, 8, ["label"])) : n._hasChildren ? $e("", !0) : (w(), $(s(Xe), {
                       key: 2,
-                      value: a._key,
-                      id: a._id
+                      value: n._key,
+                      id: n._id
                     }, {
-                      default: W(() => [
-                        ee(it, ce({ option: a }, { ref_for: !0 }, Qe(a), {
-                          onPointermove: (s) => Ve(a._key),
-                          id: a._id
+                      default: K(() => [
+                        ee(gt, ce({ option: n }, { ref_for: !0 }, et(n), {
+                          onPointermove: (r) => Le(n._key),
+                          id: n._id
                         }), null, 16, ["option", "onPointermove", "id"])
                       ]),
                       _: 2
                     }, 1032, ["value", "id"]))
                   ], 64))), 128)),
-                  B.loading ? (w(), j(Et, { key: 2 })) : Le("", !0)
+                  O.loading ? (w(), $(jt, { key: 2 })) : $e("", !0)
                 ], 38)
               ]),
               _: 1
-            })) : (w(), j(Dt, { key: 1 })),
-            B.lazyLoading ? (w(), ye("div", {
+            })) : (w(), $($t, { key: 1 })),
+            O.lazyLoading ? (w(), he("div", {
               key: 2,
-              class: Ie(i(S)(i(P), "lazy_loading"))
+              class: ze(s(S)(s(P), "lazy_loading"))
             }, [
-              ot("div", {
-                class: Ie(i(S)(i(P), "lazy_loading_trigger")),
+              st("div", {
+                class: ze(s(S)(s(P), "lazy_loading_trigger")),
                 ref_key: "target",
                 ref: pe
               }, null, 2)
-            ], 2)) : Le("", !0)
+            ], 2)) : $e("", !0)
           ]),
           _: 1
         }, 16),
-        ee(At)
+        ee(Nt)
       ]),
       _: 1
     }, 16, ["open", "containerProps", "size", "containerStyle", "containerCls"]));
   }
-}), cl = ct(Io, pt("Combobox")), pl = ct(
-  We,
-  pt("ComboboxInput")
+}), ml = ft(Vo, vt("Combobox")), fl = ft(
+  qe,
+  vt("ComboboxInput")
 );
 export {
-  Io as Combobox,
-  We as ComboboxInput,
-  pl as ComboboxInputPlugin,
-  cl as ComboboxPlugin,
-  vt as ComboboxSizes,
-  Bo as ComboboxStatuses,
-  Fe as injectComboboxContext,
-  xo as provideComboboxContext
+  Vo as Combobox,
+  qe as ComboboxInput,
+  fl as ComboboxInputPlugin,
+  ml as ComboboxPlugin,
+  Ct as ComboboxSizes,
+  wo as ComboboxStatuses,
+  He as injectComboboxContext,
+  To as provideComboboxContext
 };