@pantograph/vue 0.30.6 → 0.30.8

package/dist/Combobox/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as _e, useSlots as ut, onBeforeUnmount as $t, computed as C, createBlock as K, openBlock as I, unref as u, mergeProps as ue, createSlots as Kt, renderList as Ne, withCtx as W, renderSlot as Le, normalizeProps as Me, guardReactiveProps as Re, createVNode as X, h as _, useAttrs as Ft, createElementBlock as he, normalizeClass as we, toDisplayString as Nt, ref as ve, watch as Wt, isRef as tt, createCommentVNode as Ae, createElementVNode as ot, normalizeStyle as Gt, Fragment as $e } from "vue";
+import { defineComponent as _e, useSlots as ut, onBeforeUnmount as $t, computed as C, createBlock as K, openBlock as I, unref as i, mergeProps as ue, createSlots as Kt, renderList as Ne, withCtx as W, renderSlot as Le, normalizeProps as Me, guardReactiveProps as Re, createVNode as X, h as _, useAttrs as Ft, createElementBlock as he, normalizeClass as we, toDisplayString as Nt, ref as ve, watch as Wt, isRef as tt, createCommentVNode as Ae, createElementVNode as ot, normalizeStyle as Gt, Fragment as $e } from "vue";
 import { createContext as Ht, Slot as Ut, useEmitAsProps as jt } from "reka-ui";
 import { omit as ye, 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 Oe, useLazyLoading as Qt, useFormInput as Xt, useVirtualScroll as Yt, useInputDataStates as Zt, useCollection as eo, useDisableBodyPointerEvents as to, installComponent as pt } from "@pantograph/utils-vue";
@@ -21,7 +21,7 @@ import { i as J } from "../isArray-QlWcxgml.js";
 import { _ as mt } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-km5VsLBH.js";
 import "../ScrollContainer/index.js";
 import "../Empty/index.js";
-import { f as fo, _ as vo, a as ho } from "../index-Y3XMSR_o.js";
+import { f as fo, _ as vo, a as ho } from "../index-_lrD3ofV.js";
 import "../MenuItem/index.js";
 import "../Checkbox/index.js";
 import { _ as yo } from "../Checkbox.vue_vue_type_style_index_0_lang-D-7D_c_A.js";
@@ -68,33 +68,33 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
       o.comboboxInputFocused.value = !1;
     });
     const k = C(() => {
-      const D = t.placeholder ?? o.props.placeholder ?? "";
-      return (o.props.headerSearch ? D : o.placeholder.value) ?? D;
+      const L = t.placeholder ?? o.props.placeholder ?? "";
+      return (o.props.headerSearch ? L : o.placeholder.value) ?? L;
     }), U = x(w, "input");
-    return (D, y) => (I(), K(u(co), ue({
-      ...u(o).comboboxInputBinding.value,
+    return (L, y) => (I(), K(i(co), ue({
+      ...i(o).comboboxInputBinding.value,
       ...t,
-      disabled: u(o).getDisabled.value || t.disabled
+      disabled: i(o).getDisabled.value || t.disabled
     }, {
       placeholder: k.value,
-      onKeydown: u(o).onKeyDown,
-      ref: u(o).inputRef,
-      class: u(H)(u(U), { [u(ft)]: u(o).valuePlaceholder.value }, t.class),
-      contentFit: !u(o).props.headerSearch && u(o).props.contentFit,
-      modelValue: u(o).searchModel.value,
-      "onUpdate:modelValue": y[0] || (y[0] = (d) => u(o).searchModel.value = d)
+      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": y[0] || (y[0] = (d) => i(o).searchModel.value = d)
     }), Kt({ _: 2 }, [
-      Ne(Object.keys(u(ye)(p, ["leading"])), (d) => ({
+      Ne(Object.keys(i(ye)(p, ["leading"])), (d) => ({
         name: d,
         fn: W((g) => [
-          Le(D.$slots, d, Me(Re(g)))
+          Le(L.$slots, d, Me(Re(g)))
         ])
       })),
-      u(o).props.headerSearch ? {
+      i(o).props.headerSearch ? {
         name: "leading",
         fn: W((d) => [
-          Le(D.$slots, "leading", Me(Re(d)), () => [
-            X(u(We), {
+          Le(L.$slots, "leading", Me(Re(d)), () => [
+            X(i(We), {
               size: d.iconSize,
               icon: "tabler:search",
               flipOnDir: "rtl"
@@ -105,7 +105,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
       } : {
         name: "leading",
         fn: W((d) => [
-          Le(D.$slots, "leading", Me(Re(d)))
+          Le(L.$slots, "leading", Me(Re(d)))
         ]),
         key: "1"
       }
@@ -131,7 +131,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
     }), U = (r = k.value) => {
       if (t.props.selectedItemIconAsTrailingIcon && (r != null && r._icon))
         return r._icon;
-    }, D = C(() => U()), y = C(() => {
+    }, L = C(() => U()), y = C(() => {
       if (!t.props.noTrailing)
         return t.props.trailingIcon ?? "tabler:chevron-down";
     }), d = C(() => {
@@ -225,15 +225,15 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
             g(f)
           )
         ) : null, V = !$(v);
-        if (V || t.props.tagRenderMode && ["avatar", "go"].includes(t.props.tagRenderMode) || D.value || t.props.leadingIcon) {
-          let L;
-          if (V ? L = v : t.props.tagRenderMode === "avatar" ? L = Z(t.model.value) : t.props.tagRenderMode === "go" ? L = pe(t.model.value) : D.value ? L = m(D.value) : t.props.leadingIcon && (L = m(t.props.leadingIcon)), !$(L))
+        if (V || t.props.tagRenderMode && ["avatar", "go"].includes(t.props.tagRenderMode) || L.value || t.props.leadingIcon) {
+          let M;
+          if (V ? M = v : t.props.tagRenderMode === "avatar" ? M = Z(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 _(
               "div",
               {
                 class: H(x(n, "leading"), t.props.triggerLeadingCls)
               },
-              L
+              M
             );
         }
       }
@@ -247,7 +247,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
           x(n, "tags"),
           t.props.triggerContentCls,
           t.props.triggerContentValueCls
-        ], M = (() => {
+        ], E = (() => {
           if (t.props.multiple && J(t.model.value)) {
             if (t.props.tagRenderMode === "avatar")
               return _(
@@ -311,7 +311,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
               );
           }
         })();
-        if (M && T.push(M), t.props.headerSearch ? (!t.props.noValueOnPlaceholder || t.props.placeholder) && T.push(
+        if (E && T.push(E), t.props.headerSearch ? (!t.props.noValueOnPlaceholder || t.props.placeholder) && T.push(
           _(
             "div",
             {
@@ -332,8 +332,8 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
           return _("div", { class: x(n, "content") }, T);
       }, v = [], V = Ce();
       $(V) || v.push(V), v.push(f());
-      const L = ne();
-      return $(L) || v.push(L), _("button", Q.value, v);
+      const M = ne();
+      return $(M) || v.push(M), _("button", Q.value, v);
     };
     return (r, b) => (I(), K(ce));
   }
@@ -367,7 +367,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
           ...((Z = (ne = p.props).getTagProps) == null ? void 0 : Z.call(ne, t.option)) ?? {}
         })
       ) : t.option._icon && d.push(_(We, { icon: t.option._icon, size: p.getIconSize.value })) : d.push(g), $(d) ? null : d;
-    }, U = Ft(), D = () => {
+    }, U = Ft(), L = () => {
       const y = p.props.tree ? void 0 : t.option._description, d = (qt(p.props.getMenuItemProps) ? p.props.getMenuItemProps(t.option) : p.props.getMenuItemProps) ?? {};
       return _(
         mo,
@@ -396,7 +396,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
         }
       );
     };
-    return (y, d) => (I(), K(D));
+    return (y, d) => (I(), K(L));
   }
 }), Oo = /* @__PURE__ */ _e({
   ...be("ComboboxLabel"),
@@ -406,7 +406,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
   },
   setup(Y) {
     return (t, p) => (I(), he("div", {
-      class: we(u(x)(u(w), "label"))
+      class: we(i(x)(i(w), "label"))
     }, Nt(t.label), 3));
   }
 }), Io = /* @__PURE__ */ _e({
@@ -507,11 +507,11 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
       o.tree && (((e = o.filterOptions) == null ? void 0 : e.expandParent) === "collapse" ? Q([]) : ((l = o.filterOptions) == null ? void 0 : l.expandParent) === "expand" && Q(
         T.value.filter((a) => a._hasChildren).map((a) => a._key)
       ));
-    }, D = at((e) => {
+    }, L = at((e) => {
       k("search", e), U();
     }, 500), y = Oe(o, "search", k, {
       passive: o.search === void 0,
-      onChange: D
+      onChange: L
     }), d = po(y, 500), g = Oe(o, "open", k, {
       defaultValue: o.defaultOpen,
       passive: o.open === void 0,
@@ -655,7 +655,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
       var l;
       if ((l = f.value) != null && l.length && !F(e))
         return f.value.find((a) => a._key === e);
-    }, L = (e) => {
+    }, M = (e) => {
       const l = V(e);
       return l && (l._label || l._key) || e;
     }, de = (e) => {
@@ -664,21 +664,21 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
     }, re = (e) => e === void 0 ? !1 : Array.isArray(n.value) ? !!(e && n.value.includes(e)) : n.value === e, T = C(() => {
       var s, S;
       let e = [];
-      const l = /* @__PURE__ */ new Set(), a = (i) => {
-        i != null && i._key && !l.has(i._key) && (e.push(ae(i)), l.add(i._key));
+      const l = /* @__PURE__ */ new Set(), a = (u) => {
+        u != null && u._key && !l.has(u._key) && (e.push(ae(u)), l.add(u._key));
       };
-      if (d.value ? (f.value.forEach((i) => {
-        var h, E;
-        if (i._label && i._label.toLowerCase().includes(d.value.toLowerCase()) && !l.has(i._key)) {
-          if (a(i), i._hasChildren && v(i._key).forEach(a), (h = o.filterOptions) != null && h.strictNode)
-            i._parentKeys && i._parentKeys.forEach((c) => {
+      if (d.value ? (f.value.forEach((u) => {
+        var h, D;
+        if (u._label && u._label.toLowerCase().includes(d.value.toLowerCase()) && !l.has(u._key)) {
+          if (a(u), u._hasChildren && v(u._key).forEach(a), (h = o.filterOptions) != null && h.strictNode)
+            u._parentKeys && u._parentKeys.forEach((c) => {
               if (!l.has(c)) {
                 const oe = V(c);
                 a(oe);
               }
             });
-          else if ((E = i._parentKeys) != null && E.length) {
-            const c = st(i._parentKeys);
+          else if ((D = u._parentKeys) != null && D.length) {
+            const c = st(u._parentKeys);
             if (!F(c)) {
               if (!l.has(c)) {
                 const le = V(c);
@@ -689,13 +689,13 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
           }
         }
       }), e = e.sort(
-        (i, z) => f.value.findIndex((h) => h._key === i._key) - f.value.findIndex((h) => h._key === z._key)
+        (u, z) => f.value.findIndex((h) => h._key === u._key) - f.value.findIndex((h) => h._key === z._key)
       )) : e = ae(f.value), o.sortSelectedItems && !o.tree && !F(n.value)) {
-        let i = ae(e);
-        const z = i.filter((B) => re(B._key)), h = Symbol("root"), E = Symbol("rootGroup"), c = {}, oe = (B, A, O = 1) => {
-          const G = i.splice(B, O);
-          i.splice(A, 0, ...G);
-        }, le = (B) => B ? i.findIndex((A) => A._key === B) : -1, Pe = (B) => {
+        let u = ae(e);
+        const z = u.filter((B) => re(B._key)), h = Symbol("root"), D = Symbol("rootGroup"), c = {}, oe = (B, A, O = 1) => {
+          const G = u.splice(B, O);
+          u.splice(A, 0, ...G);
+        }, le = (B) => B ? u.findIndex((A) => A._key === B) : -1, Pe = (B) => {
           const A = c[B], O = le(A == null ? void 0 : A.key);
           return A != null && A.length ? O + A.length + 1 : O + 1;
         };
@@ -706,13 +706,13 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
             let G = le(O);
             const et = Math.max(
               Pe(h),
-              Pe(E)
+              Pe(D)
             );
             if (G > et) {
               const Be = v(O).length;
               oe(G, et, Be + 1);
             }
-            if (c[E] = {
+            if (c[D] = {
               key: O,
               length: v(O).length
             }, G = le(O), O && G > -1) {
@@ -735,29 +735,29 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
               length: B._hasChildren ? v(B._key).length : void 0
             };
           }
-          i = ae(i);
-        }), e = i;
+          u = ae(u);
+        }), e = u;
       }
       if (!o.tree) {
-        const i = ae(e);
-        for (let z = 0; z < i.length - 1; z++) {
-          const h = i[z], E = i[z + 1];
-          !E._divider && (E._hasChildren || (s = h._parentKeys) != null && s.length && !((S = E._parentKeys) != null && S.length)) && (i.splice(z + 1, 0, {
+        const u = ae(e);
+        for (let z = 0; z < u.length - 1; z++) {
+          const h = u[z], D = u[z + 1];
+          !D._divider && (D._hasChildren || (s = h._parentKeys) != null && s.length && !((S = D._parentKeys) != null && S.length)) && (u.splice(z + 1, 0, {
             _key: Ie(Fe),
             _divider: !0,
             _id: Ie(Fe)
           }), z++);
         }
-        e = i;
+        e = u;
       }
       return e;
     });
     U();
-    const { getDisabled: ee, getStatus: Ue, getSize: M } = Xt({
+    const { getDisabled: ee, getStatus: Ue, getSize: E } = Xt({
       defaults: { size: "md" },
       exports: ["getDisabled", "getSize", "getStatus"]
     }), se = C(() => {
-      switch (M.value) {
+      switch (E.value) {
         case "sm":
           return "xsm";
         case "lg":
@@ -767,7 +767,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
           return "sm";
       }
     }), Te = C(() => {
-      switch (M.value) {
+      switch (E.value) {
         case "sm":
           return "2xsm";
         case "lg":
@@ -801,15 +801,15 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
           if (l._divider)
             return 1;
           if (l._label && l._hasChildren)
-            return 8 + (ge[M.value] ?? ge.md);
+            return 8 + (ge[E.value] ?? ge.md);
           if (l._description)
-            return me[M.value] ?? me.md;
+            return me[E.value] ?? me.md;
         }
-        return rt[M.value] ?? rt.md;
+        return rt[E.value] ?? rt.md;
       },
       overscan: 5,
       get gap() {
-        return xe[M.value] ?? 0;
+        return xe[E.value] ?? 0;
       }
     }));
     let R, te;
@@ -845,9 +845,9 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
     ), kt = C(() => {
       if (je.value) {
         if (o.multiple && J(n.value))
-          return L(nt(n.value));
+          return M(nt(n.value));
         if (!o.multiple && !J(n.value))
-          return L(n.value);
+          return M(n.value);
       }
     }), { CollectionSlot: xt, CollectionItem: qe, itemMap: St, getItems: Je } = eo({
       isProvider: !0,
@@ -867,15 +867,15 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
             n.value = [e._key], k("select", e._key, !0, e);
           else {
             let S = J(n.value) ? n.value : [];
-            const i = S.includes(e._key);
-            S.length === 1 && de(S[0]) && e._key !== S[0] && (S = []), i ? (n.value = S.filter((z) => z !== e._key), k("select", e._key, !0, e)) : (n.value = [...S, e._key], k("select", e._key, !1, e));
+            const u = S.includes(e._key);
+            S.length === 1 && de(S[0]) && e._key !== S[0] && (S = []), u ? (n.value = S.filter((z) => z !== e._key), k("select", e._key, !0, e)) : (n.value = [...S, e._key], k("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: Pt } = Co(), Se = Pt(), Ze = {
       props: o,
       emit: k,
       onKeyDown: (e) => {
-        var l, a, s, S, i, z;
+        var l, a, s, S, u, z;
         if (o.headerSearch || e.stopPropagation(), e.key === "Backspace" && o.multiple && J(n.value) && F(y.value))
           n.value = n.value.slice(0, -1);
         else if (!g.value)
@@ -886,14 +886,14 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
           else if (e.key === "Tab" && !o.headerSearch) g.value = !1;
           else if (["ArrowDown", "ArrowUp"].includes(e.key)) {
             if (h.length) {
-              const E = h.findIndex(
+              const D = h.findIndex(
                 (c) => P.value && c.value && c.value === P.value
               );
               if (e.key === "ArrowDown") {
-                const c = h[E + 1];
+                const c = h[D + 1];
                 P.value = (c == null ? void 0 : c.value) ?? P.value ?? h[0].value;
               } else if (e.key === "ArrowUp") {
-                const c = h[E - 1];
+                const c = h[D - 1];
                 P.value = (c == null ? void 0 : c.value) ?? h[0].value;
               }
               (a = (l = h.find(
@@ -901,8 +901,8 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
               )) == null ? void 0 : l.ref) == null || a.scrollIntoView();
             }
           } else if (["ArrowLeft", "ArrowRight"].includes(e.key)) {
-            const E = V(P.value);
-            h.length && fe.value && o.tree && P.value && E && ((s = N.value) != null && s.includes(P.value) && (Se.value === "ltr" && e.key === "ArrowLeft" || Se.value === "rtl" && e.key === "ArrowRight") || !((S = N.value) != null && S.includes(P.value)) && (Se.value === "ltr" && e.key === "ArrowRight" || Se.value === "rtl" && e.key === "ArrowLeft")) && ((z = (i = fe.value).onExpandKey) == null || z.call(i, E));
+            const D = V(P.value);
+            h.length && fe.value && o.tree && P.value && D && ((s = N.value) != null && s.includes(P.value) && (Se.value === "ltr" && e.key === "ArrowLeft" || Se.value === "rtl" && e.key === "ArrowRight") || !((S = N.value) != null && S.includes(P.value)) && (Se.value === "ltr" && e.key === "ArrowRight" || Se.value === "rtl" && e.key === "ArrowLeft")) && ((z = (u = fe.value).onExpandKey) == null || z.call(u, D));
           } else e.key === "Enter" && (h.length === 1 && h[0].value && P.value !== h[0].value && (P.value = h[0].value), P.value && Ye(V(P.value), !0), k("keydownEnter", e, y.value));
           e.key === "Escape" && k("keydownEscape", e);
         }
@@ -915,13 +915,13 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
       placeholder: kt,
       getOptionByValue: V,
       isOptionSelected: re,
-      getLabelByValue: L,
+      getLabelByValue: M,
       getSingleByValue: de,
       inputRef: ie,
       focusOnInput: Ve,
       getDisabled: ee,
       getStatus: Ue,
-      getSize: M,
+      getSize: E,
       getTagSize: se,
       getIconSize: Te,
       comboboxInputBinding: _t,
@@ -944,7 +944,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
       disabled: ee.value,
       selectionBehavior: "replace",
       ...o.treeProps ?? {},
-      size: M.value,
+      size: E.value,
       flattenData: !0,
       outerVirtualScroll: !0,
       selectable: !0,
@@ -998,7 +998,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
     }, Dt = () => {
       var a;
       const e = {
-        type: M.value === "sm" ? "simple" : "advance",
+        type: E.value === "sm" ? "simple" : "advance",
         ...ye(o.emptyProps ?? {}, ["class"]),
         class: H(x(w, "empty"), o.emptyCls)
       }, l = (a = m.empty) == null ? void 0 : a.call(m, e);
@@ -1013,7 +1013,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
       const e = (a = m.loading) == null ? void 0 : a.call(m, {});
       return $(e) ? new Array(T.value.length ? 2 : o.loadingRowCount).fill(1).map(
         () => _(_o, {
-          size: M.value,
+          size: E.value,
           class: H(x(w, "skeleton"), o.skeletonCls),
           ...ye(o.skeletonProps ?? {}, ["class"])
         })
@@ -1033,8 +1033,8 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
     }, Rt = (e) => {
       e.key === "ArrowDown" && !g.value ? g.value = !0 : e.key === "Tab" && g.value && (g.value = !1);
     };
-    return o.disableOutsidePointerEvents && to(g), t(Ze), (e, l) => (I(), K(u(ao), ue({
-      open: u(g),
+    return o.disableOutsidePointerEvents && to(g), t(Ze), (e, l) => (I(), K(i(ao), ue({
+      open: i(g),
       "onUpdate:open": l[2] || (l[2] = (a) => tt(g) ? g.value = a : null)
     }, Z.value, {
       containerProps: {
@@ -1042,16 +1042,16 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
         onClick: Ve
       },
       noPadding: !0,
-      size: u(M),
+      size: i(E),
       containerStyle: {
         pointerEvents: "auto",
-        display: u(g) ? void 0 : "none",
+        display: i(g) ? void 0 : "none",
         zIndex: e.zIndex,
         "--ptc-combobox-popup-width": e.samePopupWidth ? void 0 : wt.value,
         "--ptc-combobox-popup-height": Tt.value,
         "--ptc-combobox-trigger-min-w": zt.value
       },
-      containerCls: u(H)(u(It)(o), e.popupCls),
+      containerCls: i(H)(i(It)({ size: i(E) }), e.popupCls),
       onKeydown: Rt
     }), {
       default: W(() => [
@@ -1059,36 +1059,36 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
       ]),
       content: W(() => [
         X(Vt),
-        X(u(ko), ue({
+        X(i(ko), ue({
           ref_key: "scrollContainerRef",
           ref: ke
         }, Ot.value), {
           default: W(() => [
-            T.value.length || e.loading ? (I(), K(u(xt), { key: 0 }, {
+            T.value.length || e.loading ? (I(), K(i(xt), { key: 0 }, {
               default: W(() => [
                 ot("div", {
-                  class: we(u(H)(u(x)(u(w), "options"), e.optionsCls)),
+                  class: we(i(H)(i(x)(i(w), "options"), e.optionsCls)),
                   style: Gt(e.virtual ? yt.value : {}),
                   onPointerleave: l[1] || (l[1] = (a) => Ee(void 0))
                 }, [
-                  e.tree ? (I(), K(u(vo), ue({
+                  e.tree ? (I(), K(i(vo), ue({
                     key: 0,
                     ref_key: "treeRef",
                     ref: fe
                   }, Bt.value, {
-                    expandedKeys: u(N),
+                    expandedKeys: i(N),
                     "onUpdate:expandedKeys": l[0] || (l[0] = (a) => tt(N) ? N.value = a : null),
                     onExpand: Ve,
                     onSelect: Mt
                   }), {
                     default: W(({ items: a }) => [
-                      (I(!0), he($e, null, Ne(a, (s) => (I(), K(u(qe), {
+                      (I(!0), he($e, null, Ne(a, (s) => (I(), K(i(qe), {
                         key: s._key,
                         value: s._key,
                         id: s._id
                       }, {
                         default: W(() => [
-                          X(u(ho), ue({ node: s }, { ref_for: !0 }, Xe(s), {
+                          X(i(ho), ue({ node: s }, { ref_for: !0 }, Xe(s), {
                             onPointermove: (S) => Ee(s._key),
                             id: s._id
                           }), {
@@ -1110,7 +1110,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
                     a._divider ? (I(), K(bo, { key: 0 })) : a._label && a._hasChildren ? (I(), K(Oo, {
                       key: 1,
                       label: a._label
-                    }, null, 8, ["label"])) : a._hasChildren ? Ae("", !0) : (I(), K(u(qe), {
+                    }, null, 8, ["label"])) : a._hasChildren ? Ae("", !0) : (I(), K(i(qe), {
                       key: 2,
                       value: a._key,
                       id: a._id
@@ -1131,10 +1131,10 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
             })) : (I(), K(Dt, { key: 1 })),
             e.lazyLoading ? (I(), he("div", {
               key: 2,
-              class: we(u(x)(u(w), "lazy_loading"))
+              class: we(i(x)(i(w), "lazy_loading"))
             }, [
               ot("div", {
-                class: we(u(x)(u(w), "lazy_loading_trigger")),
+                class: we(i(x)(i(w), "lazy_loading_trigger")),
                 ref_key: "target",
                 ref: pe
               }, null, 2)