@pantograph/vue 0.30.16 → 0.31.0

package/dist/Combobox/index.js

@@ -1,38 +1,38 @@
-import { defineComponent as be, useSlots as ut, onBeforeUnmount as Nt, computed as C, createBlock as j, openBlock as w, unref as i, mergeProps as ue, createSlots as $t, renderList as Ke, withCtx as W, renderSlot as De, normalizeProps as Le, guardReactiveProps as Me, createVNode as Y, h as b, useAttrs as jt, createElementBlock as ye, normalizeClass as we, toDisplayString as Kt, ref as ve, watch as Ft, isRef as tt, createCommentVNode as Re, createElementVNode as ot, normalizeStyle as Wt, Fragment as Ne } from "vue";
+import { defineComponent as be, useSlots as ut, onBeforeUnmount as Nt, computed as C, createBlock as j, openBlock as T, unref as i, mergeProps as ue, createSlots as $t, renderList as je, withCtx as W, renderSlot as Ae, normalizeProps as De, guardReactiveProps as Ee, createVNode as Y, 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 ae, 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 k, getComponentOptions as _e, normCls as H, isEmptyLikeLodash as K, generateVariantClassList as J, createOptionGetterFunc as q, usePCId as Ie, getPxSize as $e, getComponentName as pt } from "@pantograph/utils";
+import { getBemBlock as oo, getBemModifier as lo, getBemElement as S, getComponentOptions as _e, normCls as H, isEmptyLikeLodash as K, generateVariantClassList as J, createOptionGetterFunc as q, usePCId as Re, getPxSize as Ne, getComponentName as pt } from "@pantograph/utils";
 import { _ as ao } from "../index-CK2Fd4_G.js";
 import { cva as dt } from "class-variance-authority";
 import "../Icon/index.js";
 import "../Avatar/index.js";
 import "../GraphicalObject/index.js";
-import { _ as gt, a as no } from "../Avatar.vue_vue_type_style_index_0_lang-CcEwNDzA.js";
+import { _ as gt, a as no } from "../Avatar.vue_vue_type_style_index_0_lang-BBeWgKUx.js";
 import { GraphicalObjectGroup as ro } from "../GraphicalObjectGroup/index.js";
-import { _ as so } from "../index-9BJFe-so.js";
-import { _ as io } from "../Chip.vue_vue_type_style_index_0_lang-B0zl0nyk.js";
+import { _ as so } from "../index-BhaFiUPP.js";
+import { _ as io } 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-DGaMhGxv.js";
-import { _ as Fe } from "../Icon.vue_vue_type_style_index_0_lang-D7PiBbDb.js";
-import { g as go, a as mo } from "../MenuItem.vue_vue_type_style_index_0_lang-CuYCh2j-.js";
+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-BcKxpYfi.js";
 import { i as Q } from "../isArray-QlWcxgml.js";
-import { _ as mt } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-Bq3vS9vp.js";
+import { _ as mt } 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-C5Ibi_gG.js";
+import { f as fo, _ as vo, a as yo } from "../index-BuEiTBIH.js";
 import "../MenuItem/index.js";
 import "../Checkbox/index.js";
-import { _ as ho } from "../Checkbox.vue_vue_type_style_index_0_lang-evu2oYXX.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-CjN-zB7k.js";
-const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placeholder"), je = k(T, "option"), vt = ["sm", "md", "lg"], Bo = ["error", "warning", "success"], Ge = /* @__PURE__ */ be({
+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"),
   __name: "ComboboxInput",
   props: {
@@ -63,20 +63,20 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
     steps: { type: Boolean }
   },
   setup(B) {
-    const t = B, c = ut(), o = We();
+    const t = B, c = ut(), o = Fe();
     uo(() => o.openModel.value && o.inputRef.value, o.focusOnInput), Nt(() => {
       o.comboboxInputFocused.value = !1;
     });
-    const S = C(() => {
+    const k = C(() => {
       const L = t.placeholder ?? o.props.placeholder ?? "";
       return (o.props.headerSearch ? L : o.placeholder.value) ?? L;
-    }), U = k(T, "input");
-    return (L, g) => (w(), j(i(po), ue({
+    }), U = S(P, "input");
+    return (L, g) => (T(), j(i(po), ue({
       ...i(o).comboboxInputBinding.value,
       ...t,
       disabled: i(o).getDisabled.value || t.disabled
     }, {
-      placeholder: S.value,
+      placeholder: k.value,
       onKeydown: i(o).onKeyDown,
       ref: i(o).inputRef,
       class: i(H)(i(U), { [i(ft)]: i(o).valuePlaceholder.value }, t.class),
@@ -84,17 +84,17 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
       modelValue: i(o).searchModel.value,
       "onUpdate:modelValue": g[0] || (g[0] = (d) => i(o).searchModel.value = d)
     }), $t({ _: 2 }, [
-      Ke(Object.keys(i(he)(c, ["leading"])), (d) => ({
+      je(Object.keys(i(he)(c, ["leading"])), (d) => ({
         name: d,
         fn: W((m) => [
-          De(L.$slots, d, Le(Me(m)))
+          Ae(L.$slots, d, De(Ee(m)))
         ])
       })),
       i(o).props.headerSearch ? {
         name: "leading",
         fn: W((d) => [
-          De(L.$slots, "leading", Le(Me(d)), () => [
-            Y(i(Fe), {
+          Ae(L.$slots, "leading", De(Ee(d)), () => [
+            Y(i(Ke), {
               size: d.iconSize,
               icon: "tabler:search",
               flipOnDir: "rtl"
@@ -105,7 +105,7 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
       } : {
         name: "leading",
         fn: W((d) => [
-          De(L.$slots, "leading", Le(Me(d)))
+          Ae(L.$slots, "leading", De(Ee(d)))
         ]),
         key: "1"
       }
@@ -115,7 +115,7 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
   ..._e("ComboboxTrigger"),
   __name: "ComboboxTrigger",
   setup(B) {
-    const t = We(), c = ({ value: r }) => {
+    const t = Fe(), c = ({ value: r }) => {
       r && Q(t.model.value) && !t.getDisabled.value && (t.model.value = t.model.value.filter((_) => _ !== r));
     }, o = C(() => {
       switch (t.getSize.value) {
@@ -125,10 +125,10 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
         default:
           return "xsm";
       }
-    }), S = C(() => {
+    }), k = C(() => {
       if (!t.props.multiple && lt(t.model.value) && !K(t.model.value))
         return t.getOptionByValue(t.model.value);
-    }), U = (r = S.value) => {
+    }), U = (r = k.value) => {
       if (t.props.selectedItemIconAsTrailingIcon && (r != null && r._icon))
         return r._icon;
     }, L = C(() => U()), g = C(() => {
@@ -146,7 +146,7 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
     }), m = (r) => ({
       ...d.value,
       option: t.getOptionByValue(r)
-    }), n = k(T, "trigger"), F = dt(n, {
+    }), n = S(P, "trigger"), F = dt(n, {
       variants: {
         size: J(vt, n),
         headerSearch: J("header-search", n),
@@ -181,7 +181,7 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
         t.props.triggerCls
       ),
       ...t.comboboxTriggerBinding.value
-    })), f = (r, _ = o.value) => b(Fe, { icon: r, size: _ }), ne = () => {
+    })), f = (r, _ = o.value) => b(Ke, { icon: r, size: _ }), ne = () => {
       var v, y;
       let r;
       const _ = (y = (v = t.slots).triggerTrailing) == null ? void 0 : y.call(
@@ -196,7 +196,7 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
       if (r)
         return b(
           "div",
-          { class: H(k(n, "trailing"), t.props.triggerTrailingCls) },
+          { class: H(S(n, "trailing"), t.props.triggerTrailingCls) },
           r
         );
     }, Z = (r) => {
@@ -231,7 +231,7 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
             return b(
               "div",
               {
-                class: H(k(n, "leading"), t.props.triggerLeadingCls)
+                class: H(S(n, "leading"), t.props.triggerLeadingCls)
               },
               M
             );
@@ -244,10 +244,10 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
         return b(Ht, he(X.value, ["class"]), () => r);
       const v = () => {
         const z = [], ee = [
-          k(n, "tags"),
+          S(n, "tags"),
           t.props.triggerContentCls,
           t.props.triggerContentValueCls
-        ], E = (() => {
+        ], D = (() => {
           if (t.props.multiple && Q(t.model.value)) {
             if (t.props.tagRenderMode === "avatar")
               return b(
@@ -290,20 +290,20 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
                 },
                 () => t.model.value.map((se) => {
                   var ge, me;
-                  const Te = () => t.getLabelByValue(se), Se = ({ size: ze }) => {
+                  const we = () => t.getLabelByValue(se), Se = ({ size: Te }) => {
                     const R = U(t.getOptionByValue(se)) ?? t.props.leadingIcon;
-                    return R ? f(R, ze) : null;
+                    return R ? f(R, Te) : null;
                   }, ke = t.getOptionByValue(se);
                   return b(
                     io,
                     {
                       ...ke ? ((me = (ge = t.props).getTagProps) == null ? void 0 : me.call(ge, ke)) ?? {} : {},
                       value: se,
-                      class: H(k(n, "tag"), t.props.tagCls),
-                      closeIconCls: k(n, "tag__close")
+                      class: H(S(n, "tag"), t.props.tagCls),
+                      closeIconCls: S(n, "tag__close")
                     },
                     {
-                      text: Te,
+                      text: we,
                       leading: Se
                     }
                   );
@@ -311,31 +311,31 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
               );
           }
         })();
-        if (E && z.push(E), t.props.headerSearch ? (!t.props.noValueOnPlaceholder || t.props.placeholder) && z.push(
+        if (D && z.push(D), t.props.headerSearch ? (!t.props.noValueOnPlaceholder || t.props.placeholder) && z.push(
           b(
             "div",
             {
-              class: H(k(n, "content__value"), {
+              class: H(S(n, "content__value"), {
                 [ft]: t.valuePlaceholder.value
               })
             },
             t.placeholder.value ?? t.props.placeholder
           )
         ) : z.push(
-          b(Ge, {
+          b(We, {
             noValueOnPlaceholder: t.props.noValueOnPlaceholder,
             searchIcon: !1,
             bordered: !1,
             simple: !0
           })
         ), !$(z) || !t.props.contentFit || t.props.trailingIcon)
-          return b("div", { class: k(n, "content") }, z);
+          return b("div", { class: S(n, "content") }, z);
       }, y = [], A = Ce();
       $(A) || y.push(A), y.push(v());
       const M = ne();
       return $(M) || y.push(M), b("button", X.value, y);
     };
-    return (r, _) => (w(), j(pe));
+    return (r, _) => (T(), j(pe));
   }
 }), it = /* @__PURE__ */ be({
   ..._e("ComboboxOption"),
@@ -344,7 +344,7 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
     option: {}
   },
   setup(B) {
-    const t = B, c = We(), o = C(() => c.isOptionSelected(t.option._key)), S = (g) => {
+    const t = B, c = Fe(), o = C(() => c.isOptionSelected(t.option._key)), k = (g) => {
       var n, F, X, f, ne, Z;
       const d = [];
       !c.props.tree && c.props.multiple && c.props.checkbox && !t.option._noCheckbox && d.push(
@@ -366,14 +366,14 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
           size: g.iconSize,
           ...((Z = (ne = c.props).getTagProps) == null ? void 0 : Z.call(ne, t.option)) ?? {}
         })
-      ) : t.option._icon && d.push(b(Fe, { icon: t.option._icon, size: c.getIconSize.value })) : d.push(m), $(d) ? null : d;
+      ) : t.option._icon && d.push(b(Ke, { icon: t.option._icon, size: c.getIconSize.value })) : d.push(m), $(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,
         {
           unExtendParent: !0,
-          class: k(T, "option"),
+          class: S(P, "option"),
           unFocusable: !0,
           staticStyle: c.props.tree,
           description: g,
@@ -389,14 +389,14 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
           ...U
         },
         {
-          leading: S,
+          leading: k,
           trailing: c.slots.optionTrailing,
           title: c.slots.optionTitle,
           description: c.slots.optionDescription
         }
       );
     };
-    return (g, d) => (w(), j(L));
+    return (g, d) => (T(), j(L));
   }
 }), Po = /* @__PURE__ */ be({
   ..._e("ComboboxLabel"),
@@ -405,8 +405,8 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
     label: {}
   },
   setup(B) {
-    return (t, c) => (w(), ye("div", {
-      class: we(i(k)(i(T), "label"))
+    return (t, c) => (T(), ye("div", {
+      class: Ie(i(S)(i(P), "label"))
     }, Kt(B.label), 3));
   }
 }), Io = /* @__PURE__ */ be({
@@ -502,17 +502,17 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
   },
   emits: ["update:modelValue", "update:expandedKeys", "keydownEnter", "keydownEscape", "update:search", "fetch", "search", "select", "update:open", "escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
   setup(B, { expose: t, emit: c }) {
-    const o = B, S = c, U = () => {
+    const o = B, k = c, U = () => {
       var e, l;
       o.tree && (((e = o.filterOptions) == null ? void 0 : e.expandParent) === "collapse" ? X([]) : ((l = o.filterOptions) == null ? void 0 : l.expandParent) === "expand" && X(
         z.value.filter((a) => a._hasChildren).map((a) => a._key)
       ));
     }, L = at((e) => {
-      S("search", e), U();
-    }, 500), g = Pe(o, "search", S, {
+      k("search", e), U();
+    }, 500), g = Pe(o, "search", k, {
       passive: o.search === void 0,
       onChange: L
-    }), d = co(g, 500), m = Pe(o, "open", S, {
+    }), d = co(g, 500), m = Pe(o, "open", k, {
       defaultValue: o.defaultOpen,
       passive: o.open === void 0,
       onChange(e) {
@@ -521,7 +521,7 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
     }), n = Pe(
       o,
       "modelValue",
-      S,
+      k,
       {
         passive: o.modelValue === void 0,
         onChange: () => {
@@ -532,7 +532,7 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
     ), F = Pe(
       o,
       "expandedKeys",
-      S,
+      k,
       {
         passive: o.expandedKeys === void 0
       }
@@ -542,7 +542,7 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
       },
       500,
       { edges: ["leading"] }
-    ), f = ut(), ne = Ut(S), Z = C(() => ({
+    ), f = ut(), ne = Ut(k), Z = C(() => ({
       ...he(ne, ["update:modelValue", "update:search", "select"]),
       ...Jt(o, [
         "placement",
@@ -619,7 +619,7 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
       () => fo({
         getValue: (e, l, a) => {
           const s = r(e, "value");
-          return K(s) && _(e, l, a) ? Ie(je) : s;
+          return K(s) && _(e, l, a) ? Re($e) : s;
         },
         getDisabled: (e) => r(e, "disabled"),
         arr: o.options ?? [],
@@ -627,18 +627,18 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
           if (!(l != null && l.length && !o.tree))
             return r(e, "options");
         },
-        getExtra: (e) => {
-          if (e) {
-            let l = r(e, "label");
-            return K(l) || (l = String(l)), {
-              _description: r(e, "description"),
-              _label: l,
-              _title: o.tree ? l : void 0,
-              _noCheckbox: r(e, "noCheckbox"),
-              _single: r(e, "single"),
-              _clear: r(e, "clear"),
-              _icon: r(e, "icon"),
-              _id: Ie(Ee)
+        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"),
+              _id: S(P, e)
             };
           }
         },
@@ -668,7 +668,7 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
         u != null && u._key && !l.has(u._key) && (e.push(ae(u)), l.add(u._key));
       };
       if (d.value ? (v.value.forEach((u) => {
-        var h, D;
+        var h, E;
         if (u._label && u._label.toLowerCase().includes(d.value.toLowerCase()) && !l.has(u._key)) {
           if (a(u), u._hasChildren && y(u._key).forEach(a), (h = o.filterOptions) != null && h.strictNode)
             u._parentKeys && u._parentKeys.forEach((p) => {
@@ -677,7 +677,7 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
                 a(oe);
               }
             });
-          else if ((D = u._parentKeys) != null && D.length) {
+          else if ((E = u._parentKeys) != null && E.length) {
             const p = st(u._parentKeys);
             if (!K(p)) {
               if (!l.has(p)) {
@@ -692,47 +692,47 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
         (u, V) => v.value.findIndex((h) => h._key === u._key) - v.value.findIndex((h) => h._key === V._key)
       )) : e = ae(v.value), o.sortSelectedItems && !o.tree && !K(n.value)) {
         let u = ae(e);
-        const V = u.filter((P) => re(P._key)), h = Symbol("root"), D = Symbol("rootGroup"), p = {}, oe = (P, N, I = 1) => {
-          const G = u.splice(P, I);
+        const V = u.filter((I) => re(I._key)), h = Symbol("root"), E = Symbol("rootGroup"), p = {}, oe = (I, N, w = 1) => {
+          const G = u.splice(I, w);
           u.splice(N, 0, ...G);
-        }, le = (P) => P ? u.findIndex((N) => N._key === P) : -1, Be = (P) => {
-          const N = p[P], I = le(N == null ? void 0 : N.key);
-          return N != null && N.length ? I + N.length + 1 : I + 1;
+        }, le = (I) => I ? u.findIndex((N) => N._key === I) : -1, Be = (I) => {
+          const N = p[I], w = le(N == null ? void 0 : N.key);
+          return N != null && N.length ? w + N.length + 1 : w + 1;
         };
-        V.forEach((P) => {
+        V.forEach((I) => {
           var N;
-          if ((N = P._parentKeys) != null && N.length) {
-            const I = st(P._parentKeys);
-            let G = le(I);
+          if ((N = I._parentKeys) != null && N.length) {
+            const w = st(I._parentKeys);
+            let G = le(w);
             const et = Math.max(
               Be(h),
-              Be(D)
+              Be(E)
             );
             if (G > et) {
-              const Oe = y(I).length;
+              const Oe = y(w).length;
               oe(G, et, Oe + 1);
             }
-            if (p[D] = {
-              key: I,
-              length: y(I).length
-            }, G = le(I), I && G > -1) {
-              const Oe = le(P._key);
-              if (p[I] === void 0)
+            if (p[E] = {
+              key: w,
+              length: y(w).length
+            }, G = le(w), w && G > -1) {
+              const Oe = le(I._key);
+              if (p[w] === void 0)
                 oe(Oe, G + 1);
               else {
-                const Rt = Be(I);
+                const Rt = Be(w);
                 oe(Oe, Rt);
               }
-              p[I] = {
+              p[w] = {
                 length: void 0,
-                key: P._key
+                key: I._key
               };
             }
           } else {
-            const I = le(P._key), G = Be(h);
-            I > G && oe(I, G), p[h] = {
-              key: P._key,
-              length: P._hasChildren ? y(P._key).length : void 0
+            const w = le(I._key), G = Be(h);
+            w > G && oe(w, G), p[h] = {
+              key: I._key,
+              length: I._hasChildren ? y(I._key).length : void 0
             };
           }
           u = ae(u);
@@ -741,11 +741,11 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
       if (!o.tree) {
         const u = ae(e);
         for (let V = 0; V < u.length - 1; V++) {
-          const h = u[V], D = u[V + 1];
-          !D._divider && (D._hasChildren || (s = h._parentKeys) != null && s.length && !((x = D._parentKeys) != null && x.length)) && (u.splice(V + 1, 0, {
-            _key: Ie(je),
+          const h = u[V], E = u[V + 1];
+          !E._divider && (E._hasChildren || (s = h._parentKeys) != null && s.length && !((x = E._parentKeys) != null && x.length)) && (u.splice(V + 1, 0, {
+            _key: Re($e),
             _divider: !0,
-            _id: Ie(je)
+            _id: Re($e)
           }), V++);
         }
         e = u;
@@ -753,11 +753,11 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
       return e;
     });
     U();
-    const { getDisabled: ee, getStatus: He, getSize: E } = Xt({
+    const { getDisabled: ee, getStatus: Ge, getSize: D } = Xt({
       defaults: { size: "md" },
       exports: ["getDisabled", "getSize", "getStatus"]
     }), se = C(() => {
-      switch (E.value) {
+      switch (D.value) {
         case "sm":
           return "xsm";
         case "lg":
@@ -766,8 +766,8 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
         default:
           return "sm";
       }
-    }), Te = C(() => {
-      switch (E.value) {
+    }), we = C(() => {
+      switch (D.value) {
         case "sm":
           return "2xsm";
         case "lg":
@@ -787,7 +787,7 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
       sm: 32,
       md: 50,
       lg: 54
-    }, ze = C(() => ({
+    }, Te = C(() => ({
       get count() {
         return z.value.length;
       },
@@ -801,21 +801,21 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
           if (l._divider)
             return 1;
           if (l._label && l._hasChildren)
-            return 8 + (ge[E.value] ?? ge.md);
+            return 8 + (ge[D.value] ?? ge.md);
           if (l._description)
-            return me[E.value] ?? me.md;
+            return me[D.value] ?? me.md;
         }
-        return rt[E.value] ?? rt.md;
+        return rt[D.value] ?? rt.md;
       },
       overscan: 5,
       get gap() {
-        return ke[E.value] ?? 0;
+        return ke[D.value] ?? 0;
       }
     }));
     let R, te;
     if (o.virtual) {
       const { virtualizer: e, ...l } = Yt(
-        ze
+        Te
       );
       R = e, te = l;
     }
@@ -830,7 +830,7 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
       focused: Ct
     } = Zt({
       getDisabled: () => ee.value
-    }), ie = ve(), Ve = () => {
+    }), ie = ve(), ze = () => {
       var e;
       if (m.value && ie.value && document.activeElement !== ((e = ie.value) == null ? void 0 : e.input)) {
         ie.value.input.style.pointerEvents = "auto";
@@ -840,40 +840,40 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
         }, 100);
         ie.value.input.style.pointerEvents = "";
       }
-    }, Ue = C(
+    }, He = C(
       () => !o.noValueOnPlaceholder && (Q(n.value) ? n.value.length === 1 && !K(n.value[0]) : !K(n.value))
     ), St = C(() => {
-      if (Ue.value) {
+      if (He.value) {
         if (o.multiple && Q(n.value))
           return M(nt(n.value));
         if (!o.multiple && !Q(n.value))
           return M(n.value);
       }
-    }), { CollectionSlot: kt, CollectionItem: qe, itemMap: xt, getItems: Je } = eo({
+    }), { CollectionSlot: kt, CollectionItem: Ue, itemMap: xt, getItems: qe } = eo({
       isProvider: !0,
-      key: T
-    }), Qe = () => n.value ? Array.isArray(n.value) ? n.value : [n.value] : [], O = ve(), Ae = (e) => {
+      key: P
+    }), Je = () => n.value ? Array.isArray(n.value) ? n.value : [n.value] : [], O = ve(), Ve = (e) => {
       O.value = e;
-    }, Xe = (e) => ({
+    }, Qe = (e) => ({
       "data-disabled": e._disabled ? "" : void 0,
       "data-highlighted": O.value === e._key ? "" : void 0
-    }), fe = ve(), Ye = (e, l) => {
+    }), 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, !re(e == null ? void 0 : e._key))), !(o.tree || !e || !e._key || e._disabled))
         if (o.multiple)
           if (e._clear)
-            n.value = [], S("select", void 0, !1);
+            n.value = [], k("select", void 0, !1);
           else if (e._single)
-            n.value = [e._key], S("select", e._key, !0, e);
+            n.value = [e._key], k("select", e._key, !0, e);
           else {
             let x = Q(n.value) ? n.value : [];
             const u = x.includes(e._key);
-            x.length === 1 && de(x[0]) && e._key !== x[0] && (x = []), u ? (n.value = x.filter((V) => V !== e._key), S("select", e._key, !0, e)) : (n.value = [...x, e._key], S("select", e._key, !1, e));
+            x.length === 1 && de(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));
           }
-        else e._clear ? (n.value = void 0, S("select", void 0, !1)) : (n.value = e._key, S("select", e._key, !0, e));
-    }, { getDir: Bt } = Co(), xe = Bt(), Ze = {
+        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: S,
+      emit: k,
       onKeyDown: (e) => {
         var l, a, s, x, u, V;
         if (o.headerSearch || e.stopPropagation(), e.key === "Backspace" && o.multiple && Q(n.value) && K(g.value))
@@ -881,19 +881,20 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
         else if (!m.value)
           (e.key === "ArrowDown" || e.key === "Enter") && (m.value = !0);
         else if (m.value) {
-          const h = Je(o.tree);
-          if (e.key === "Escape") m.value = !1;
+          const h = qe(o.tree);
+          if (e.key === "Escape")
+            e.preventDefault(), e.stopPropagation(), m.value = !1;
           else if (e.key === "Tab" && !o.headerSearch) m.value = !1;
           else if (["ArrowDown", "ArrowUp"].includes(e.key)) {
             if (h.length) {
-              const D = h.findIndex(
+              const E = h.findIndex(
                 (p) => O.value && p.value && p.value === O.value
               );
               if (e.key === "ArrowDown") {
-                const p = h[D + 1];
+                const p = h[E + 1];
                 O.value = (p == null ? void 0 : p.value) ?? O.value ?? h[0].value;
               } else if (e.key === "ArrowUp") {
-                const p = h[D - 1];
+                const p = h[E - 1];
                 O.value = (p == null ? void 0 : p.value) ?? h[0].value;
               }
               (a = (l = h.find(
@@ -901,38 +902,38 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
               )) == null ? void 0 : l.ref) == null || a.scrollIntoView();
             }
           } else if (["ArrowLeft", "ArrowRight"].includes(e.key)) {
-            const D = A(O.value);
-            h.length && fe.value && o.tree && O.value && D && ((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, D));
-          } else e.key === "Enter" && (h.length === 1 && h[0].value && O.value !== h[0].value && (O.value = h[0].value), O.value && Ye(A(O.value), !0), S("keydownEnter", e, g.value));
-          e.key === "Escape" && S("keydownEscape", e);
+            const E = A(O.value);
+            h.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" && (h.length === 1 && h[0].value && O.value !== h[0].value && (O.value = h[0].value), O.value && Xe(A(O.value), !0), k("keydownEnter", e, g.value));
+          e.key === "Escape" && k("keydownEscape", e);
         }
       },
       searchModel: g,
       openModel: m,
       model: n,
       slots: f,
-      valuePlaceholder: Ue,
+      valuePlaceholder: He,
       placeholder: St,
       getOptionByValue: A,
       isOptionSelected: re,
       getLabelByValue: M,
       getSingleByValue: de,
       inputRef: ie,
-      focusOnInput: Ve,
+      focusOnInput: ze,
       getDisabled: ee,
-      getStatus: He,
-      getSize: E,
+      getStatus: Ge,
+      getSize: D,
       getTagSize: se,
-      getIconSize: Te,
+      getIconSize: we,
       comboboxInputBinding: bt,
       comboboxTriggerBinding: _t,
       comboboxInputFocused: Ct,
-      selectOption: Ye,
+      selectOption: Xe,
       itemMap: xt,
-      getItems: Je,
+      getItems: qe,
       highlightedOptionKey: O
     };
-    xo(Ze), Ft(
+    xo(Ye), Ft(
       () => [o.clearOnChangeMultiple, o.multiple],
       () => {
         o.clearOnChangeMultiple && (n.value = void 0);
@@ -944,7 +945,7 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
       disabled: ee.value,
       selectionBehavior: "replace",
       ...o.treeProps ?? {},
-      size: E.value,
+      size: D.value,
       flattenData: !0,
       outerVirtualScroll: !0,
       selectable: !0,
@@ -954,15 +955,15 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
       virtual: R,
       syncCheckboxAndSelect: o.multiple,
       data: z.value,
-      modelValue: Qe(),
-      checkedKeys: Qe(),
-      class: k(T, "tree")
+      modelValue: Je(),
+      checkedKeys: Je(),
+      class: S(P, "tree")
     })), Pt = C(() => {
       const e = o.scrollContainerProps ?? {};
       return {
         ...e,
         areaCls: [
-          k(T, "scroll_area"),
+          S(P, "scroll_area"),
           e == null ? void 0 : e.class,
           e == null ? void 0 : e.areaCls
         ],
@@ -971,11 +972,11 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
           style: (te == null ? void 0 : te.scrollWrapperStyles.value) ?? {}
         }
       };
-    }), Ee = k(T, "popup"), It = dt(Ee, {
+    }), Ze = S(P, "popup"), It = dt(Ze, {
       variants: {
-        size: J(vt, Ee)
+        size: J(vt, Ze)
       }
-    }), wt = C(() => $e(o.popupWidth, !0)), Tt = C(() => $e(o.popupHeight, !0)), zt = C(() => $e(o.minWidth, !0)), Vt = () => {
+    }), wt = C(() => Ne(o.popupWidth, !0)), Tt = C(() => Ne(o.popupHeight, !0)), zt = C(() => Ne(o.minWidth, !0)), Vt = () => {
       var a, s;
       const e = (s = f.header) == null ? void 0 : s.call(f, {
         isEmpty: !((a = z.value) != null && a.length),
@@ -984,8 +985,8 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
       if (l || o.headerSearch)
         return b(
           "div",
-          { class: k(T, "header") },
-          l ? e : b(Ge, o.headerSearchInputProps || {})
+          { class: S(P, "header") },
+          l ? e : b(We, o.headerSearchInputProps || {})
         );
     }, At = () => {
       var a, s;
@@ -994,13 +995,13 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
         search: g.value
       });
       if (!$(e))
-        return b("div", { class: k(T, "footer") }, e);
-    }, Et = () => {
+        return b("div", { class: S(P, "footer") }, e);
+    }, Dt = () => {
       var a;
       const e = {
-        type: E.value === "sm" ? "simple" : "advance",
+        type: D.value === "sm" ? "simple" : "advance",
         ...he(o.emptyProps ?? {}, ["class"]),
-        class: H(k(T, "empty"), o.emptyCls)
+        class: H(S(P, "empty"), o.emptyCls)
       }, l = (a = f.empty) == null ? void 0 : a.call(f, e);
       return $(l) ? b(ko, e, {
         title: f.emptyTitle,
@@ -1008,13 +1009,13 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
         actions: f.emptyActions,
         image: f.emptyImage
       }) : l;
-    }, Dt = () => {
+    }, Et = () => {
       var a;
       const e = (a = f.loading) == null ? void 0 : a.call(f, {});
       return $(e) ? new Array(z.value.length ? 2 : o.loadingRowCount).fill(1).map(
         () => b(bo, {
-          size: E.value,
-          class: H(k(T, "skeleton"), o.skeletonCls),
+          size: D.value,
+          class: H(S(P, "skeleton"), o.skeletonCls),
           ...he(o.skeletonProps ?? {}, ["class"])
         })
       ) : e;
@@ -1024,7 +1025,7 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
         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;
-      S(
+      k(
         "select",
         e._key,
         l,
@@ -1033,16 +1034,16 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
     }, Mt = (e) => {
       e.key === "ArrowDown" && !m.value ? m.value = !0 : e.key === "Tab" && m.value && (m.value = !1);
     };
-    return o.disableOutsidePointerEvents && to(m), t(Ze), (e, l) => (w(), j(i(ao), ue({
+    return o.disableOutsidePointerEvents && to(m), t(Ye), (e, l) => (T(), j(i(ao), ue({
       open: i(m),
       "onUpdate:open": l[2] || (l[2] = (a) => tt(m) ? m.value = a : null)
     }, Z.value, {
       containerProps: {
         ...B.containerProps ?? {},
-        onClick: Ve
+        onClick: ze
       },
       noPadding: !0,
-      size: i(E),
+      size: i(D),
       containerStyle: {
         pointerEvents: "auto",
         display: i(m) ? void 0 : "none",
@@ -1051,7 +1052,7 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
         "--ptc-combobox-popup-height": Tt.value,
         "--ptc-combobox-trigger-min-w": zt.value
       },
-      containerCls: i(H)(i(It)({ size: i(E) }), B.popupCls),
+      containerCls: i(H)(i(It)({ size: i(D) }), B.popupCls),
       onKeydown: Mt
     }), {
       default: W(() => [
@@ -1064,32 +1065,32 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
           ref: Se
         }, Pt.value), {
           default: W(() => [
-            z.value.length || B.loading ? (w(), j(i(kt), { key: 0 }, {
+            z.value.length || B.loading ? (T(), j(i(kt), { key: 0 }, {
               default: W(() => [
                 ot("div", {
-                  class: we(i(H)(i(k)(i(T), "options"), B.optionsCls)),
+                  class: Ie(i(H)(i(S)(i(P), "options"), B.optionsCls)),
                   style: Wt(B.virtual ? ht.value : {}),
-                  onPointerleave: l[1] || (l[1] = (a) => Ae(void 0))
+                  onPointerleave: l[1] || (l[1] = (a) => Ve(void 0))
                 }, [
-                  B.tree ? (w(), j(i(vo), ue({
+                  B.tree ? (T(), j(i(vo), ue({
                     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: Ve,
+                    onExpand: ze,
                     onSelect: Lt
                   }), {
                     default: W(({ items: a }) => [
-                      (w(!0), ye(Ne, null, Ke(a, (s) => (w(), j(i(qe), {
+                      (T(!0), ye(Me, null, je(a, (s) => (T(), j(i(Ue), {
                         key: s._key,
                         value: s._key,
                         id: s._id
                       }, {
                         default: W(() => [
-                          Y(i(yo), ue({ node: s }, { ref_for: !0 }, Xe(s), {
-                            onPointermove: (x) => Ae(s._key),
+                          Y(i(yo), ue({ node: s }, { ref_for: !0 }, Qe(s), {
+                            onPointermove: (x) => Ve(s._key),
                             id: s._id
                           }), {
                             default: W(() => [
@@ -1104,41 +1105,41 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
                       }, 1032, ["value", "id"]))), 128))
                     ]),
                     _: 1
-                  }, 16, ["expandedKeys"])) : (w(!0), ye(Ne, { key: 1 }, Ke(yt.value, (a) => (w(), ye(Ne, {
+                  }, 16, ["expandedKeys"])) : (T(!0), ye(Me, { key: 1 }, je(yt.value, (a) => (T(), ye(Me, {
                     key: a._key
                   }, [
-                    a._divider ? (w(), j(_o, { key: 0 })) : a._label && a._hasChildren ? (w(), j(Po, {
+                    a._divider ? (T(), j(_o, { key: 0 })) : a._label && a._hasChildren ? (T(), j(Po, {
                       key: 1,
                       label: a._label
-                    }, null, 8, ["label"])) : a._hasChildren ? Re("", !0) : (w(), j(i(qe), {
+                    }, null, 8, ["label"])) : a._hasChildren ? Le("", !0) : (T(), j(i(Ue), {
                       key: 2,
                       value: a._key,
                       id: a._id
                     }, {
                       default: W(() => [
-                        Y(it, ue({ option: a }, { ref_for: !0 }, Xe(a), {
-                          onPointermove: (s) => Ae(a._key),
+                        Y(it, ue({ option: a }, { ref_for: !0 }, Qe(a), {
+                          onPointermove: (s) => Ve(a._key),
                           id: a._id
                         }), null, 16, ["option", "onPointermove", "id"])
                       ]),
                       _: 2
                     }, 1032, ["value", "id"]))
                   ], 64))), 128)),
-                  B.loading ? (w(), j(Dt, { key: 2 })) : Re("", !0)
+                  B.loading ? (T(), j(Et, { key: 2 })) : Le("", !0)
                 ], 38)
               ]),
               _: 1
-            })) : (w(), j(Et, { key: 1 })),
-            B.lazyLoading ? (w(), ye("div", {
+            })) : (T(), j(Dt, { key: 1 })),
+            B.lazyLoading ? (T(), ye("div", {
               key: 2,
-              class: we(i(k)(i(T), "lazy_loading"))
+              class: Ie(i(S)(i(P), "lazy_loading"))
             }, [
               ot("div", {
-                class: we(i(k)(i(T), "lazy_loading_trigger")),
+                class: Ie(i(S)(i(P), "lazy_loading_trigger")),
                 ref_key: "target",
                 ref: ce
               }, null, 2)
-            ], 2)) : Re("", !0)
+            ], 2)) : Le("", !0)
           ]),
           _: 1
         }, 16),
@@ -1148,16 +1149,16 @@ const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placehold
     }, 16, ["open", "containerProps", "size", "containerStyle", "containerCls"]));
   }
 }), cl = ct(Io, pt("Combobox")), pl = ct(
-  Ge,
+  We,
   pt("ComboboxInput")
 );
 export {
   Io as Combobox,
-  Ge as ComboboxInput,
+  We as ComboboxInput,
   pl as ComboboxInputPlugin,
   cl as ComboboxPlugin,
   vt as ComboboxSizes,
   Bo as ComboboxStatuses,
-  We as injectComboboxContext,
+  Fe as injectComboboxContext,
   xo as provideComboboxContext
 };