@pantograph/vue 0.28.2 → 0.28.4

package/dist/{Combobox.vue_vue_type_style_index_0_lang-Dz3b5KT0.js → Combobox.vue_vue_type_style_index_0_lang-BnSmhj-M.js}

@@ -1,29 +1,29 @@
 import { defineComponent as _e, useSlots as it, onBeforeUnmount as Rt, computed as C, createBlock as K, openBlock as I, unref as u, mergeProps as ue, createSlots as At, renderList as $e, withCtx as W, renderSlot as Ee, normalizeProps as Le, guardReactiveProps as Me, createVNode as X, h as _, useAttrs as $t, createElementBlock as ye, normalizeClass as Ie, toDisplayString as Kt, ref as ve, watch as Ft, isRef as Ye, createCommentVNode as De, createElementVNode as Ze, normalizeStyle as Nt, Fragment as Re } from "vue";
 import { createContext as Wt, Slot as Ht, useEmitAsProps as Ut } from "reka-ui";
 import { omit as he, isString as et, cloneDeep as le, isFunction as Gt, debounce as tt, pick as jt, last as ot } from "es-toolkit";
-import { getComponentOptions as be, isEmptyLikeLodash as F, isEmptyElement as $, useVModel as Oe, useLazyLoading as qt, useFormInput as Jt, useVirtualScroll as Qt, useInputDataStates as Xt, useCollection as Yt, useDisableBodyPointerEvents as Zt } from "@pantograph/utils-vue";
-import { getBemBlock as eo, getBemModifier as to, getBemElement as S, normCls as U, generateVariantClassList as q, createOptionGetterFunc as j, usePCId as lt, getPxSize as Ae } from "@pantograph/utils";
-import { _ as oo } from "./Popover.vue_vue_type_style_index_0_lang-CpPisJIC.js";
+import { isEmptyElement as $, useVModel as Oe, useLazyLoading as qt, useFormInput as Jt, useVirtualScroll as Qt, useInputDataStates as Xt, useCollection as Yt, useDisableBodyPointerEvents as Zt } from "@pantograph/utils-vue";
+import { getBemBlock as eo, getBemModifier as to, getBemElement as S, getComponentOptions as be, normCls as U, isEmptyLikeLodash as F, generateVariantClassList as q, createOptionGetterFunc as j, usePCId as lt, getPxSize as Ae } from "@pantograph/utils";
+import { _ as oo } from "./Popover.vue_vue_type_style_index_0_lang-BZrEBBI1.js";
 import { cva as ut } from "class-variance-authority";
-import { _ as Ke } from "./Icon.vue_vue_type_style_index_0_lang-DPe3mUfh.js";
-import { _ as ct, d as lo } from "./Avatar.vue_vue_type_style_index_0_lang-BKqLMGIV.js";
-import { _ as pt } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-CeT1O_S8.js";
-import { _ as ao } from "./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-C0XMznFH.js";
-import { b as no, _ as ro } from "./Chip.vue_vue_type_style_index_0_lang-ChpNdGGi.js";
-import { _ as so } from "./Input.vue_vue_type_script_setup_true_lang-BoH5ri_1.js";
+import { _ as Ke } from "./Icon.vue_vue_type_style_index_0_lang-BUxhmWxU.js";
+import { _ as ct, d as lo } from "./Avatar.vue_vue_type_style_index_0_lang-B-Xr8CBm.js";
+import { _ as pt } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-BMxDhvcP.js";
+import { _ as ao } from "./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-C6J4QDpO.js";
+import { b as no, _ as ro } from "./Chip.vue_vue_type_style_index_0_lang-1reMgqb4.js";
+import { _ as so } from "./Input.vue_vue_type_script_setup_true_lang-CJ-mNejn.js";
 import { whenever as io, refDebounced as uo } from "@vueuse/core";
-import { g as co, a as po } from "./MenuItem.vue_vue_type_style_index_0_lang-CW-70qfj.js";
+import { g as co, a as po } from "./MenuItem.vue_vue_type_style_index_0_lang-Itm6g3rH.js";
 import { i as J } from "./isArray-QlWcxgml.js";
-import { _ as go } from "./ScrollContainer.vue_vue_type_style_index_0_lang-CzUFQ8vU.js";
-import { _ as fo } from "./Empty.vue_vue_type_style_index_0_lang-CTH1BAo8.js";
-import { f as mo, _ as vo, a as yo } from "./Tree.vue_vue_type_style_index_0_lang-EGhpYqca.js";
-import { _ as ho } from "./Checkbox.vue_vue_type_style_index_0_lang-BOJNThUz.js";
+import { _ as go } from "./ScrollContainer.vue_vue_type_style_index_0_lang-CHAf6ZD-.js";
+import { _ as fo } from "./Empty.vue_vue_type_style_index_0_lang-CdQHeBeZ.js";
+import { f as mo, _ as vo, a as yo } from "./Tree.vue_vue_type_style_index_0_lang-ps4oD1td.js";
+import { _ as ho } from "./Checkbox.vue_vue_type_style_index_0_lang-BEA8tGnv.js";
 import "@pantograph/tokens";
-import { _ as _o } from "./Skeleton.vue_vue_type_style_index_0_lang-BUizov_K.js";
-import { _ as bo } from "./Divider.vue_vue_type_style_index_0_lang-Clrzj4R0.js";
+import { _ as _o } from "./Skeleton.vue_vue_type_style_index_0_lang-DOsf2SEN.js";
+import { _ as bo } from "./Divider.vue_vue_type_style_index_0_lang-GfWcHNix.js";
 import { s as at } from "./index-ZfMi9Is4.js";
-import { u as Co } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-C-xm8OzO.js";
-import { h as nt } from "./head-UxjF2DdW.js";
+import { u as Co } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-IVHvl51_.js";
+import { h as nt } from "./head-E4xQy0iK.js";
 const [Fe, ko] = Wt("Combobox"), w = eo("combobox"), dt = to(w, "value-placeholder"), rt = S(w, "option"), gt = ["sm", "md", "lg"], So = ["error", "warning", "success"], ft = /* @__PURE__ */ _e({
   ...be("ComboboxInput"),
   __name: "ComboboxInput",
@@ -59,10 +59,10 @@ const [Fe, ko] = Wt("Combobox"), w = eo("combobox"), dt = to(w, "value-placehold
       o.comboboxInputFocused.value = !1;
     });
     const k = C(() => {
-      const M = t.placeholder ?? o.props.placeholder ?? "";
-      return (o.props.headerSearch ? M : o.placeholder.value) ?? M;
+      const L = t.placeholder ?? o.props.placeholder ?? "";
+      return (o.props.headerSearch ? L : o.placeholder.value) ?? L;
     }), G = S(w, "input");
-    return (M, h) => (I(), K(u(so), ue({ ...u(o).comboboxInputBinding.value, ...t }, {
+    return (L, h) => (I(), K(u(so), ue({ ...u(o).comboboxInputBinding.value, ...t }, {
       placeholder: k.value,
       onKeydown: u(o).onKeyDown,
       ref: u(o).inputRef,
@@ -73,13 +73,13 @@ const [Fe, ko] = Wt("Combobox"), w = eo("combobox"), dt = to(w, "value-placehold
       $e(Object.keys(u(he)(c, ["leading"])), (d) => ({
         name: d,
         fn: W((g) => [
-          Ee(M.$slots, d, Le(Me(g)))
+          Ee(L.$slots, d, Le(Me(g)))
         ])
       })),
       u(o).props.headerSearch ? {
         name: "leading",
         fn: W((d) => [
-          Ee(M.$slots, "leading", Le(Me(d)), () => [
+          Ee(L.$slots, "leading", Le(Me(d)), () => [
             X(u(Ke), {
               size: d.iconSize,
               icon: "tabler:search",
@@ -91,7 +91,7 @@ const [Fe, ko] = Wt("Combobox"), w = eo("combobox"), dt = to(w, "value-placehold
       } : {
         name: "leading",
         fn: W((d) => [
-          Ee(M.$slots, "leading", Le(Me(d)))
+          Ee(L.$slots, "leading", Le(Me(d)))
         ]),
         key: "1"
       }
@@ -117,7 +117,7 @@ const [Fe, ko] = Wt("Combobox"), w = eo("combobox"), dt = to(w, "value-placehold
     }), G = (r = k.value) => {
       if (t.props.selectedItemIconAsTrailingIcon && (r != null && r._icon))
         return r._icon;
-    }, M = C(() => G()), h = C(() => {
+    }, L = C(() => G()), h = C(() => {
       if (!t.props.noTrailing)
         return t.props.trailingIcon ?? "tabler:chevron-down";
     }), d = C(() => {
@@ -211,15 +211,15 @@ const [Fe, ko] = Wt("Combobox"), w = eo("combobox"), dt = to(w, "value-placehold
             g(m)
           )
         ) : null, V = !$(v);
-        if (V || t.props.tagRenderMode && ["avatar", "go"].includes(t.props.tagRenderMode) || M.value || t.props.leadingIcon) {
-          let D;
-          if (V ? D = v : t.props.tagRenderMode === "avatar" ? D = Z(t.model.value) : t.props.tagRenderMode === "go" ? D = ce(t.model.value) : M.value ? D = f(M.value) : t.props.leadingIcon && (D = f(t.props.leadingIcon)), !$(D))
+        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 = ce(t.model.value) : L.value ? M = f(L.value) : t.props.leadingIcon && (M = f(t.props.leadingIcon)), !$(M))
             return _(
               "div",
               {
                 class: U(S(n, "leading"), t.props.triggerLeadingCls)
               },
-              D
+              M
             );
         }
       }
@@ -233,7 +233,7 @@ const [Fe, ko] = Wt("Combobox"), w = eo("combobox"), dt = to(w, "value-placehold
           S(n, "tags"),
           t.props.triggerContentCls,
           t.props.triggerContentValueCls
-        ], R = (() => {
+        ], D = (() => {
           if (t.props.multiple && J(t.model.value)) {
             if (t.props.tagRenderMode === "avatar")
               return _(
@@ -277,8 +277,8 @@ const [Fe, ko] = Wt("Combobox"), w = eo("combobox"), dt = to(w, "value-placehold
                 () => t.model.value.map((se) => {
                   var ge, fe;
                   const we = () => t.getLabelByValue(se), ke = ({ size: Te }) => {
-                    const E = G(t.getOptionByValue(se)) ?? t.props.leadingIcon;
-                    return E ? f(E, Te) : null;
+                    const R = G(t.getOptionByValue(se)) ?? t.props.leadingIcon;
+                    return R ? f(R, Te) : null;
                   }, Se = t.getOptionByValue(se);
                   return _(
                     ro,
@@ -297,7 +297,7 @@ const [Fe, ko] = Wt("Combobox"), w = eo("combobox"), dt = to(w, "value-placehold
               );
           }
         })();
-        if (R && T.push(R), t.props.headerSearch ? (!t.props.noValueOnPlaceholder || t.props.placeholder) && T.push(
+        if (D && T.push(D), t.props.headerSearch ? (!t.props.noValueOnPlaceholder || t.props.placeholder) && T.push(
           _(
             "div",
             {
@@ -318,8 +318,8 @@ const [Fe, ko] = Wt("Combobox"), w = eo("combobox"), dt = to(w, "value-placehold
           return _("div", { class: S(n, "content") }, T);
       }, v = [], V = Ce();
       $(V) || v.push(V), v.push(m());
-      const D = ae();
-      return $(D) || v.push(D), _("button", Q.value, v);
+      const M = ae();
+      return $(M) || v.push(M), _("button", Q.value, v);
     };
     return (r, b) => (I(), K(pe));
   }
@@ -353,7 +353,7 @@ const [Fe, ko] = Wt("Combobox"), w = eo("combobox"), dt = to(w, "value-placehold
           ...((Z = (ae = c.props).getTagProps) == null ? void 0 : Z.call(ae, t.option)) ?? {}
         })
       ) : t.option._icon && d.push(_(Ke, { icon: t.option._icon, size: c.getIconSize.value })) : d.push(g), $(d) ? null : d;
-    }, G = $t(), M = () => {
+    }, G = $t(), L = () => {
       const h = c.props.tree ? void 0 : t.option._description, d = (Gt(c.props.getMenuItemProps) ? c.props.getMenuItemProps(t.option) : c.props.getMenuItemProps) ?? {};
       return _(
         po,
@@ -382,7 +382,7 @@ const [Fe, ko] = Wt("Combobox"), w = eo("combobox"), dt = to(w, "value-placehold
         }
       );
     };
-    return (h, d) => (I(), K(M));
+    return (h, d) => (I(), K(L));
   }
 }), Po = /* @__PURE__ */ _e({
   ...be("ComboboxLabel"),
@@ -493,11 +493,11 @@ const [Fe, ko] = Wt("Combobox"), w = eo("combobox"), dt = to(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)
       ));
-    }, M = tt((e) => {
+    }, L = tt((e) => {
       k("search", e), G();
     }, 500), h = Oe(o, "search", k, {
       passive: o.search === void 0,
-      onChange: M
+      onChange: L
     }), d = uo(h, 500), g = Oe(o, "open", k, {
       defaultValue: o.defaultOpen,
       passive: o.open === void 0,
@@ -510,9 +510,9 @@ const [Fe, ko] = Wt("Combobox"), w = eo("combobox"), dt = to(w, "value-placehold
       k,
       {
         passive: o.modelValue === void 0,
-        onChange: (e) => {
-          var l, a;
-          g.value && !o.multiple && (g.value = !1), typeof E !== void 0 && (E != null && E.value) && o.sortSelectedItems && ((a = (l = E == null ? void 0 : E.value) == null ? void 0 : l.measure) == null || a.call(l));
+        onChange: () => {
+          var e, l;
+          g.value && !o.multiple && (g.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));
         }
       }
     ), N = Oe(
@@ -640,7 +640,7 @@ const [Fe, ko] = Wt("Combobox"), w = eo("combobox"), dt = to(w, "value-placehold
       var l;
       if ((l = m.value) != null && l.length && !F(e))
         return m.value.find((a) => a._key === e);
-    }, D = (e) => {
+    }, M = (e) => {
       const l = V(e);
       return l && (l._label || l._key) || e;
     }, de = (e) => {
@@ -653,7 +653,7 @@ const [Fe, ko] = Wt("Combobox"), w = eo("combobox"), dt = to(w, "value-placehold
         s != null && s._key && !l.has(s._key) && (e.push(le(s)), l.add(s._key));
       };
       if (d.value ? (m.value.forEach((s) => {
-        var y, L;
+        var y, E;
         if (s._label && s._label.toLowerCase().includes(d.value.toLowerCase()) && !l.has(s._key)) {
           if (a(s), s._hasChildren && v(s._key).forEach(a), (y = o.filterOptions) != null && y.strictNode)
             s._parentKeys && s._parentKeys.forEach((p) => {
@@ -662,7 +662,7 @@ const [Fe, ko] = Wt("Combobox"), w = eo("combobox"), dt = to(w, "value-placehold
                 a(te);
               }
             });
-          else if ((L = s._parentKeys) != null && L.length) {
+          else if ((E = s._parentKeys) != null && E.length) {
             const p = nt(s._parentKeys);
             if (!F(p)) {
               if (!l.has(p)) {
@@ -677,7 +677,7 @@ const [Fe, ko] = Wt("Combobox"), w = eo("combobox"), dt = to(w, "value-placehold
         (s, z) => m.value.findIndex((y) => y._key === s._key) - m.value.findIndex((y) => y._key === z._key)
       )) : e = le(m.value), o.sortSelectedItems && !o.tree && !F(n.value)) {
         let s = le(e);
-        const z = s.filter((B) => ne(B._key)), y = Symbol("root"), L = Symbol("rootGroup"), p = {}, te = (B, A, O = 1) => {
+        const z = s.filter((B) => ne(B._key)), y = Symbol("root"), E = Symbol("rootGroup"), p = {}, te = (B, A, O = 1) => {
           const H = s.splice(B, O);
           s.splice(A, 0, ...H);
         }, oe = (B) => B ? s.findIndex((A) => A._key === B) : -1, Pe = (B) => {
@@ -691,13 +691,13 @@ const [Fe, ko] = Wt("Combobox"), w = eo("combobox"), dt = to(w, "value-placehold
             let H = oe(O);
             const Xe = Math.max(
               Pe(y),
-              Pe(L)
+              Pe(E)
             );
             if (H > Xe) {
               const Be = v(O).length;
               te(H, Xe, Be + 1);
             }
-            if (p[L] = {
+            if (p[E] = {
               key: O,
               length: v(O).length
             }, H = oe(O), O && H > -1) {
@@ -724,18 +724,18 @@ const [Fe, ko] = Wt("Combobox"), w = eo("combobox"), dt = to(w, "value-placehold
         }), e = s;
       }
       if (!o.tree) {
-        let s = le(e);
+        const s = le(e);
         for (let z = 0; z < s.length - 1; z++) {
-          const y = s[z], L = s[z + 1];
-          !L._divider && (L._hasChildren || (i = y._parentKeys) != null && i.length && !((x = L._parentKeys) != null && x.length)) && (s.splice(z + 1, 0, { _key: lt(rt), _divider: !0 }), z++);
+          const y = s[z], E = s[z + 1];
+          !E._divider && (E._hasChildren || (i = y._parentKeys) != null && i.length && !((x = E._parentKeys) != null && x.length)) && (s.splice(z + 1, 0, { _key: lt(rt), _divider: !0 }), z++);
         }
         e = s;
       }
       return e;
     });
     G();
-    const { getDisabled: re, getStatus: Ne, getSize: R } = Jt(), se = C(() => {
-      switch (R.value) {
+    const { getDisabled: re, getStatus: Ne, getSize: D } = Jt(), se = C(() => {
+      switch (D.value) {
         case "sm":
           return "xsm";
         case "lg":
@@ -745,7 +745,7 @@ const [Fe, ko] = Wt("Combobox"), w = eo("combobox"), dt = to(w, "value-placehold
           return "sm";
       }
     }), we = C(() => {
-      switch (R.value) {
+      switch (D.value) {
         case "sm":
           return "2xsm";
         case "lg":
@@ -779,28 +779,28 @@ const [Fe, ko] = Wt("Combobox"), w = eo("combobox"), dt = to(w, "value-placehold
           if (l._divider)
             return 1;
           if (l._label && l._hasChildren)
-            return 8 + (ge[R.value] ?? ge.md);
+            return 8 + (ge[D.value] ?? ge.md);
           if (l._description)
-            return fe[R.value] ?? fe.md;
+            return fe[D.value] ?? fe.md;
         }
-        return at[R.value] ?? at.md;
+        return at[D.value] ?? at.md;
       },
       overscan: 5,
       get gap() {
-        return Se[R.value] ?? 0;
+        return Se[D.value] ?? 0;
       }
     }));
-    let E, ee;
+    let R, ee;
     if (o.virtual) {
       const { virtualizer: e, ...l } = Qt(
         Te
       );
-      E = e, ee = l;
+      R = e, ee = l;
     }
     const mt = C(
       () => {
         var e;
-        return o.virtual ? (((e = E == null ? void 0 : E.value) == null ? void 0 : e.getVirtualItems()) ?? []).map((l) => T.value[l.index]) : T.value;
+        return o.virtual ? (((e = R == null ? void 0 : R.value) == null ? void 0 : e.getVirtualItems()) ?? []).map((l) => T.value[l.index]) : T.value;
       }
     ), vt = C(() => (ee == null ? void 0 : ee.containerStyles.value) ?? {}), {
       inputBindings: yt,
@@ -823,9 +823,9 @@ const [Fe, ko] = Wt("Combobox"), w = eo("combobox"), dt = to(w, "value-placehold
     ), bt = C(() => {
       if (We.value) {
         if (o.multiple && J(n.value))
-          return D(ot(n.value));
+          return M(ot(n.value));
         if (!o.multiple && !J(n.value))
-          return D(n.value);
+          return M(n.value);
       }
     }), { CollectionSlot: Ct, CollectionItem: He, itemMap: kt, getItems: Ue } = Yt({
       isProvider: !0,
@@ -864,14 +864,14 @@ const [Fe, ko] = Wt("Combobox"), w = eo("combobox"), dt = to(w, "value-placehold
           else if (e.key === "Tab" && !o.headerSearch) g.value = !1;
           else if (["ArrowDown", "ArrowUp"].includes(e.key)) {
             if (y.length) {
-              const L = y.findIndex(
+              const E = y.findIndex(
                 (p) => P.value && p.value && p.value === P.value
               );
               if (e.key === "ArrowDown") {
-                const p = y[L + 1];
+                const p = y[E + 1];
                 P.value = (p == null ? void 0 : p.value) ?? P.value ?? y[0].value;
               } else if (e.key === "ArrowUp") {
-                const p = y[L - 1];
+                const p = y[E - 1];
                 P.value = (p == null ? void 0 : p.value) ?? y[0].value;
               }
               (a = (l = y.find(
@@ -879,8 +879,8 @@ const [Fe, ko] = Wt("Combobox"), w = eo("combobox"), dt = to(w, "value-placehold
               )) == null ? void 0 : l.ref) == null || a.scrollIntoView();
             }
           } else if (["ArrowLeft", "ArrowRight"].includes(e.key)) {
-            const L = V(P.value);
-            y.length && me.value && o.tree && P.value && L && ((i = N.value) != null && i.includes(P.value) && (xe.value === "ltr" && e.key === "ArrowLeft" || xe.value === "rtl" && e.key === "ArrowRight") || !((x = N.value) != null && x.includes(P.value)) && (xe.value === "ltr" && e.key === "ArrowRight" || xe.value === "rtl" && e.key === "ArrowLeft")) && ((z = (s = me.value).onExpandKey) == null || z.call(s, L));
+            const E = V(P.value);
+            y.length && me.value && o.tree && P.value && E && ((i = N.value) != null && i.includes(P.value) && (xe.value === "ltr" && e.key === "ArrowLeft" || xe.value === "rtl" && e.key === "ArrowRight") || !((x = N.value) != null && x.includes(P.value)) && (xe.value === "ltr" && e.key === "ArrowRight" || xe.value === "rtl" && e.key === "ArrowLeft")) && ((z = (s = me.value).onExpandKey) == null || z.call(s, E));
           } else e.key === "Enter" && (y.length === 1 && y[0].value && P.value !== y[0].value && (P.value = y[0].value), P.value && qe(V(P.value), !0), k("keydownEnter", e, h.value));
           e.key === "Escape" && k("keydownEscape", e);
         }
@@ -893,13 +893,13 @@ const [Fe, ko] = Wt("Combobox"), w = eo("combobox"), dt = to(w, "value-placehold
       placeholder: bt,
       getOptionByValue: V,
       isOptionSelected: ne,
-      getLabelByValue: D,
+      getLabelByValue: M,
       getSingleByValue: de,
       inputRef: ie,
       focusOnInput: ze,
       getDisabled: re,
       getStatus: Ne,
-      getSize: R,
+      getSize: D,
       getTagSize: se,
       getIconSize: we,
       comboboxInputBinding: yt,
@@ -921,14 +921,14 @@ const [Fe, ko] = Wt("Combobox"), w = eo("combobox"), dt = to(w, "value-placehold
       showLine: !0,
       selectionBehavior: "replace",
       ...o.treeProps ?? {},
-      size: R.value,
+      size: D.value,
       flattenData: !0,
       outerVirtualScroll: !0,
       selectable: !0,
       focusable: !1,
       multiple: o.multiple,
       checkable: o.multiple && o.checkbox,
-      virtual: E,
+      virtual: R,
       syncCheckboxAndSelect: o.multiple,
       data: T.value,
       modelValue: Ge(),
@@ -975,7 +975,7 @@ const [Fe, ko] = Wt("Combobox"), w = eo("combobox"), dt = to(w, "value-placehold
     }, Vt = () => {
       var a;
       const e = {
-        type: R.value === "sm" ? "simple" : "advance",
+        type: D.value === "sm" ? "simple" : "advance",
         ...he(o.emptyProps ?? {}, ["class"]),
         class: U(S(w, "empty"), o.emptyCls)
       }, l = (a = f.empty) == null ? void 0 : a.call(f, e);
@@ -986,11 +986,11 @@ const [Fe, ko] = Wt("Combobox"), w = eo("combobox"), dt = to(w, "value-placehold
         image: f.emptyImage
       }) : l;
     }, Et = () => {
-      var l;
-      const e = (l = f.loading) == null ? void 0 : l.call(f, {});
+      var a;
+      const e = (a = f.loading) == null ? void 0 : a.call(f, {});
       return $(e) ? new Array(T.value.length ? 2 : o.loadingRowCount).fill(1).map(
         () => _(_o, {
-          size: R.value,
+          size: D.value,
           class: U(S(w, "skeleton"), o.skeletonCls),
           ...he(o.skeletonProps ?? {}, ["class"])
         })
@@ -1000,8 +1000,7 @@ const [Fe, ko] = Wt("Combobox"), w = eo("combobox"), dt = to(w, "value-placehold
       if (o.multiple) {
         const x = e._single;
         i ? n.value = [] : x ? n.value = [e._key] : n.value = a;
-      } else
-        i || !l ? n.value = void 0 : n.value = e._key;
+      } else i || !l ? n.value = void 0 : n.value = e._key;
       k(
         "select",
         e._key,
@@ -1020,7 +1019,7 @@ const [Fe, ko] = Wt("Combobox"), w = eo("combobox"), dt = to(w, "value-placehold
         onClick: ze
       },
       noPadding: !0,
-      size: u(R),
+      size: u(D),
       containerStyle: {
         pointerEvents: "auto",
         display: u(g) ? void 0 : "none",

package/dist/Combobox.vue_vue_type_style_index_0_lang-QCYYr4KS.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),_e=require("reka-ui"),x=require("es-toolkit"),k=require("@pantograph/utils-vue"),r=require("@pantograph/utils"),dt=require("./Popover.vue_vue_type_style_index_0_lang-V6Aj9-qY.js"),Me=require("class-variance-authority"),he=require("./Icon.vue_vue_type_style_index_0_lang-DQNF7GAr.js"),ye=require("./Avatar.vue_vue_type_style_index_0_lang-DMv8hlec.js"),Re=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-8uMyWodQ.js"),gt=require("./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-CjToO9ic.js"),we=require("./Chip.vue_vue_type_style_index_0_lang-BatkTr0I.js"),mt=require("./Input.vue_vue_type_script_setup_true_lang-DrNJ4wW-.js"),qe=require("@vueuse/core"),Fe=require("./MenuItem.vue_vue_type_style_index_0_lang-CDC9TAPs.js"),K=require("./isArray-Bin_5of_.js"),vt=require("./ScrollContainer.vue_vue_type_style_index_0_lang-DDjSsSEk.js"),ft=require("./Empty.vue_vue_type_style_index_0_lang-DweNvcXn.js"),fe=require("./Tree.vue_vue_type_style_index_0_lang-BCtOKxhe.js"),yt=require("./Checkbox.vue_vue_type_style_index_0_lang-BrNExnEV.js");require("@pantograph/tokens");const _t=require("./Skeleton.vue_vue_type_style_index_0_lang-vZBJnVJj.js"),ht=require("./Divider.vue_vue_type_style_index_0_lang-D3wrVsBd.js"),ze=require("./index-4j_iV_pN.js"),Ct=require("./ConfigProvider.vue_vue_type_script_setup_true_lang-CyGHtFPF.js"),Te=require("./head-Bg_QoIT5.js"),[pe,Ke]=_e.createContext("Combobox"),O=r.getBemBlock("combobox"),Ne=r.getBemModifier(O,"value-placeholder"),De=r.getBemElement(O,"option"),Ce=["sm","md","lg"],Ge=["error","warning","success"],ke=e.defineComponent({...r.getComponentOptions("ComboboxInput"),__name:"ComboboxInput",props:{id:{},maxlength:{},type:{},placeholder:{},disabled:{type:Boolean,default:void 0},required:{type:Boolean},readonly:{type:Boolean},modelValue:{},defaultValue:{},immediateFocus:{type:Boolean},leading:{},trailing:{},clearIcon:{},trailingCls:{},clearIconCls:{},dividerCls:{},leadingCls:{},class:{},allowClear:{type:Boolean},bordered:{type:Boolean,default:void 0},simple:{type:Boolean},size:{},status:{},steps:{type:Boolean}},setup(G){const o=G,p=e.useSlots(),n=pe();qe.whenever(()=>n.openModel.value&&n.inputRef.value,n.focusOnInput),e.onBeforeUnmount(()=>{n.comboboxInputFocused.value=!1});const b=e.computed(()=>{const z=o.placeholder??n.props.placeholder??"";return(n.props.headerSearch?z:n.placeholder.value)??z}),F=r.getBemElement(O,"input");return(z,h)=>(e.openBlock(),e.createBlock(e.unref(mt._sfc_main),e.mergeProps({...e.unref(n).comboboxInputBinding.value,...o},{placeholder:b.value,onKeydown:e.unref(n).onKeyDown,ref:e.unref(n).inputRef,class:e.unref(r.normCls)(e.unref(F),{[e.unref(Ne)]:e.unref(n).valuePlaceholder.value},o.class),modelValue:e.unref(n).searchModel.value,"onUpdate:modelValue":h[0]||(h[0]=g=>e.unref(n).searchModel.value=g)}),e.createSlots({_:2},[e.renderList(Object.keys(e.unref(x.omit)(p,["leading"])),g=>({name:g,fn:e.withCtx(m=>[e.renderSlot(z.$slots,g,e.normalizeProps(e.guardReactiveProps(m)))])})),e.unref(n).props.headerSearch?{name:"leading",fn:e.withCtx(g=>[e.renderSlot(z.$slots,"leading",e.normalizeProps(e.guardReactiveProps(g)),()=>[e.createVNode(e.unref(he._sfc_main),{size:g.iconSize,icon:"tabler:search",flipOnDir:"rtl"},null,8,["size"])])]),key:"0"}:{name:"leading",fn:e.withCtx(g=>[e.renderSlot(z.$slots,"leading",e.normalizeProps(e.guardReactiveProps(g)))]),key:"1"}]),1040,["placeholder","onKeydown","class","modelValue"]))}}),kt=e.defineComponent({...r.getComponentOptions("ComboboxTrigger"),__name:"ComboboxTrigger",setup(G){const o=pe(),p=({value:i})=>{i&&K.isArray(o.model.value)&&!o.getDisabled.value&&(o.model.value=o.model.value.filter(C=>C!==i))},n=e.computed(()=>{switch(o.getSize.value){case"sm":return"2xsm";case"md":default:return"xsm"}}),b=e.computed(()=>{if(!o.props.multiple&&x.isString(o.model.value)&&!r.isEmptyLikeLodash(o.model.value))return o.getOptionByValue(o.model.value)}),F=(i=b.value)=>{if(o.props.selectedItemIconAsTrailingIcon&&(i!=null&&i._icon))return i._icon},z=e.computed(()=>F()),h=e.computed(()=>{if(!o.props.noTrailing)return o.props.trailingIcon??"tabler:chevron-down"}),g=e.computed(()=>{var f,y;const i=x.cloneDeep(o.model.value),C=K.isArray(o.model.value);return{modelValue:i,open:x.cloneDeep(o.openModel.value),option:C?void 0:o.getOptionByValue(o.model.value),options:C?(y=(f=o.model.value).map)==null?void 0:y.call(f,o.getOptionByValue).filter(Boolean):void 0}}),m=i=>({...g.value,option:o.getOptionByValue(i)}),s=r.getBemElement(O,"trigger"),R=Me.cva(s,{variants:{size:r.generateVariantClassList(Ce,s),headerSearch:r.generateVariantClassList("header-search",s),status:r.generateVariantClassList(Ge,s),bordered:r.generateVariantClassList("bordered",s),multiple:r.generateVariantClassList("multiple",s),contentFit:r.generateVariantClassList("content-fit",s),wrapped:r.generateVariantClassList("wrapped",s),filled:r.generateVariantClassList("filled",s)}}),N=e.computed(()=>({type:"button",disabled:o.getDisabled.value,tabindex:o.getDisabled.value||!o.props.headerSearch?-1:0,"data-disabled":o.getDisabled.value?"":void 0,"aria-disabled":o.getDisabled.value??void 0,"aria-label":"Show popup","aria-haspopup":"listbox","aria-expanded":o.openModel.value,"data-state":o.openModel.value?"open":"closed",class:r.normCls(R({size:o.getSize.value,status:o.getStatus.value==="success"&&r.isEmptyLikeLodash(o.model.value)?void 0:o.getStatus.value,bordered:o.props.bordered,multiple:o.props.multiple,contentFit:o.props.contentFit,wrapped:o.props.wrapped,filled:!r.isEmptyLikeLodash(o.model.value),headerSearch:o.props.headerSearch}),o.props.triggerCls),...o.comboboxTriggerBinding.value})),v=(i,C=n.value)=>e.h(he._sfc_main,{icon:i,size:C}),j=()=>{var f,y;let i;const C=(y=(f=o.slots).triggerTrailing)==null?void 0:y.call(f,g.value);if(!k.isEmptyElement(C))i=C;else if(h.value&&h.value){const L=h.value===!0?"tabler:chevron-down":h.value;i=v(L)}if(i)return e.h("div",{class:r.normCls(r.getBemElement(s,"trailing"),o.props.triggerTrailingCls)},i)},$=i=>{var f,y;const C=o.getOptionByValue(i)??{_key:i};return e.h(ye._sfc_main,{size:o.getTagSize.value,...C?((y=(f=o.props).getTagProps)==null?void 0:y.call(f,C))??{}:{}})},Z=i=>{var f,y;const C=o.getOptionByValue(i)??{_key:i};return e.h(Re._sfc_main,{...C?((y=(f=o.props).getTagProps)==null?void 0:y.call(f,C))??{}:{},size:o.getTagSize.value})},re=()=>{var i,C;if(!o.props.multiple&&!K.isArray(o.model.value)&&o.model.value){let f;x.isString(o.model.value)&&!r.isEmptyLikeLodash(o.model.value)&&(f=o.model.value);const y=f?(C=(i=o.slots).optionLeading)==null?void 0:C.call(i,Fe.getMenuContentSlotProps(o.props.size,m(f))):null,L=!k.isEmptyElement(y);if(L||o.props.tagRenderMode&&["avatar","go"].includes(o.props.tagRenderMode)||z.value||o.props.leadingIcon){let T;if(L?T=y:o.props.tagRenderMode==="avatar"?T=$(o.model.value):o.props.tagRenderMode==="go"?T=Z(o.model.value):z.value?T=v(z.value):o.props.leadingIcon&&(T=v(o.props.leadingIcon)),!k.isEmptyElement(T))return e.h("div",{class:r.normCls(r.getBemElement(s,"leading"),o.props.triggerLeadingCls)},T)}}},ee=()=>{var te,J;const i=(J=(te=o.slots).trigger)==null?void 0:J.call(te,g.value);if(!k.isEmptyElement(i))return e.h(_e.Slot,x.omit(N.value,["class"]),()=>i);const f=()=>{const V=[],Q=[r.getBemElement(s,"tags"),o.props.triggerContentCls,o.props.triggerContentValueCls],D=(()=>{if(o.props.multiple&&K.isArray(o.model.value)){if(o.props.tagRenderMode==="avatar")return e.h(ye._sfc_main$1,{maxCount:o.props.maxCount,size:o.getTagSize.value,closeable:!o.getDisabled.value,noPopover:!0,noWrap:!o.props.wrapped,class:Q},()=>o.model.value.map($));if(o.props.tagRenderMode==="go")return e.h(gt._sfc_main,{maxCount:o.props.maxCount,size:o.getTagSize.value,closeable:!o.getDisabled.value,noPopover:!0,noWrap:!o.props.wrapped,class:Q},()=>o.model.value.map(Z));if(o.props.tagRenderMode==="chip")return e.h(we._sfc_main$1,{maxCount:o.props.maxCount,size:o.getTagSize.value,color:"primary",closeable:!o.getDisabled.value,noPopover:!0,noWrap:!o.props.wrapped,class:Q,onClose:p},()=>o.model.value.map(X=>{var oe,ne;const de=()=>o.getLabelByValue(X),ae=({size:ge})=>{const A=F(o.getOptionByValue(X))??o.props.leadingIcon;return A?v(A,ge):null},se=o.getOptionByValue(X);return e.h(we._sfc_main,{...se?((ne=(oe=o.props).getTagProps)==null?void 0:ne.call(oe,se))??{}:{},value:X,class:r.normCls(r.getBemElement(s,"tag"),o.props.tagCls),closeIconCls:r.getBemElement(s,"tag__close")},{text:de,leading:ae})}))}})();if(D&&V.push(D),o.props.headerSearch?(!o.props.noValueOnPlaceholder||o.props.placeholder)&&V.push(e.h("div",{class:r.normCls(r.getBemElement(s,"content__value"),{[Ne]:o.valuePlaceholder.value})},o.placeholder.value??o.props.placeholder)):V.push(e.h(ke,{noValueOnPlaceholder:o.props.noValueOnPlaceholder,searchIcon:!1,bordered:!1,simple:!0})),!k.isEmptyElement(V)||!o.props.contentFit||o.props.trailingIcon)return e.h("div",{class:r.getBemElement(s,"content")},V)},y=[],L=re();k.isEmptyElement(L)||y.push(L),y.push(f());const T=j();return k.isEmptyElement(T)||y.push(T),e.h("button",N.value,y)};return(i,C)=>(e.openBlock(),e.createBlock(ee))}}),Ae=e.defineComponent({...r.getComponentOptions("ComboboxOption"),__name:"ComboboxOption",props:{option:{}},setup(G){const o=G,p=pe(),n=e.computed(()=>p.isOptionSelected(o.option._key)),b=h=>{var s,R,N,v,j,$;const g=[];!p.props.tree&&p.props.multiple&&p.props.checkbox&&!o.option._noCheckbox&&g.push(e.h(yt._sfc_main,{unExtendParent:!0,modelValue:n.value,size:h.checkboxSize,disabled:o.option._disabled}));const m=(R=(s=p.slots).optionLeading)==null?void 0:R.call(s,{...h,option:o.option});return k.isEmptyElement(m)?p.props.tagRenderMode==="avatar"&&p.props.showTriggerTagOnOption?g.push(e.h(ye._sfc_main,{size:h.avatarSize,...((v=(N=p.props).getTagProps)==null?void 0:v.call(N,o.option))??{}})):p.props.tagRenderMode==="go"&&p.props.showTriggerTagOnOption?g.push(e.h(Re._sfc_main,{size:h.iconSize,...(($=(j=p.props).getTagProps)==null?void 0:$.call(j,o.option))??{}})):o.option._icon&&g.push(e.h(he._sfc_main,{icon:o.option._icon,size:p.getIconSize.value})):g.push(m),k.isEmptyElement(g)?null:g},F=e.useAttrs(),z=()=>{const h=p.props.tree?void 0:o.option._description,g=(x.isFunction(p.props.getMenuItemProps)?p.props.getMenuItemProps(o.option):p.props.getMenuItemProps)??{};return e.h(Fe._sfc_main$1,{unExtendParent:!0,class:r.getBemElement(O,"option"),unFocusable:!0,staticStyle:p.props.tree,description:h,title:o.option._label,key:o.option._key,selected:n.value,leadingCenter:!!h,size:p.getSize.value,disabled:p.props.tree?!1:o.option._disabled,onClick:()=>p.selectOption(o.option),slotProps:o,...g,...F},{leading:b,trailing:p.slots.optionTrailing,title:p.slots.optionTitle,description:p.slots.optionDescription})};return(h,g)=>(e.openBlock(),e.createBlock(z))}}),bt=e.defineComponent({...r.getComponentOptions("ComboboxLabel"),__name:"ComboboxLabel",props:{label:{}},setup(G){return(o,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(O),"label"))},e.toDisplayString(o.label),3))}}),xt=e.defineComponent({...r.getComponentOptions("Combobox"),__name:"Combobox",props:{modelValue:{},defaultValue:{},multiple:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},highlightOnHover:{type:Boolean},resetSearchTermOnBlur:{type:Boolean,default:!0},resetSearchTermOnSelect:{type:Boolean,default:!0},size:{default:"md"},status:{},noValueOnPlaceholder:{type:Boolean},zIndex:{},checkbox:{type:Boolean,default:!0},tagRenderMode:{default:"chip"},getTagProps:{},tree:{type:Boolean},treeProps:{},contentFit:{type:Boolean},wrapped:{type:Boolean},sortSelectedItems:{type:Boolean},noTrailing:{type:Boolean},leadingIcon:{},trailingIcon:{type:[String,Boolean],default:"tabler:chevron-down"},selectedItemIconAsTrailingIcon:{type:Boolean,default:!0},maxCount:{},to:{},placeholder:{},indicatorIcon:{default:"tabler:check"},options:{},getDisabled:{},getLabel:{},getDescription:{},getValue:{},getNoCheckbox:{},getSingle:{},getClear:{},getOptions:{},getIcon:{},loading:{type:Boolean},skeletonProps:{},loadingRowCount:{default:10},lazyLoading:{type:Boolean},bordered:{type:Boolean,default:!0},clearOnChangeMultiple:{type:Boolean,default:!0},triggerCls:{},triggerLeadingCls:{},triggerContentCls:{},triggerContentPlaceholderCls:{},triggerContentValueCls:{},triggerTrailingCls:{},itemLeadingCls:{},optionCls:{},tagCls:{},popupCls:{},labelCls:{},optionsCls:{},optionTextCls:{},optionContentCls:{},emptyCls:{},skeletonCls:{},scrollContainerProps:{},emptyProps:{},samePopupWidth:{type:Boolean,default:!0},popupHeight:{default:384},popupWidth:{},minWidth:{},search:{},filterOptions:{},expandedKeys:{},headerSearch:{type:Boolean},headerSearchInputProps:{},virtual:{type:Boolean},showTriggerTagOnOption:{type:Boolean},disableOutsidePointerEvents:{type:Boolean,default:!0},getMenuItemProps:{},placement:{default:"bottom-start"},containerProps:{},reversePlacementOnDir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},sideOffset:{default:4},alignOffset:{},reference:{},prioritizePosition:{type:Boolean,default:!1},avoidCollisions:{type:Boolean,default:void 0},dir:{},noTrigger:{type:Boolean}},emits:["update:modelValue","update:expandedKeys","keydownEnter","keydownEscape","update:search","fetch","search","select","update:open","escapeKeyDown","pointerDownOutside","focusOutside","interactOutside","openAutoFocus","closeAutoFocus"],setup(G,{expose:o,emit:p}){const n=G,b=p,F=()=>{var t,l;n.tree&&(((t=n.filterOptions)==null?void 0:t.expandParent)==="collapse"?N([]):((l=n.filterOptions)==null?void 0:l.expandParent)==="expand"&&N(V.value.filter(a=>a._hasChildren).map(a=>a._key)))},z=x.debounce(t=>{b("search",t),F()},500),h=k.useVModel(n,"search",b,{passive:n.search===void 0,onChange:z}),g=qe.refDebounced(h,500),m=k.useVModel(n,"open",b,{defaultValue:n.defaultOpen,passive:n.open===void 0,onChange(t){!t&&n.resetSearchTermOnBlur&&(h.value=void 0)}}),s=k.useVModel(n,"modelValue",b,{passive:n.modelValue===void 0,onChange:()=>{var t,l;m.value&&!n.multiple&&(m.value=!1),A!=null&&A.value&&n.sortSelectedItems&&((l=(t=A==null?void 0:A.value)==null?void 0:t.measure)==null||l.call(t))}}),R=k.useVModel(n,"expandedKeys",b,{passive:n.expandedKeys===void 0}),N=x.debounce(t=>{R.value=t},500,{edges:["leading"]}),v=e.useSlots(),j=_e.useEmitAsProps(b),$=e.computed(()=>({...x.omit(j,["update:modelValue","update:search","select"]),...x.pick(n,["placement","reversePlacementOnDir","zIndex","to","sideOffset","alignOffset","reference","prioritizePosition","avoidCollisions","dir","size","noTrigger"])})),Z=e.ref();k.useLazyLoading({target:Z});const re=r.createOptionGetterFunc({key:"value",getter:n.getValue}),ee={getDisabled:r.createOptionGetterFunc({key:"disabled",getter:n.getDisabled,noReturnOption:!0,defaultValue:!1}),getDescription:r.createOptionGetterFunc({key:"description",getter:n.getDescription,noReturnOption:!0}),getValue:re,getLabel:r.createOptionGetterFunc({key:"label",getter:n.getLabel,noReturnOption:!0,defaultValue:re}),getNoCheckbox:r.createOptionGetterFunc({key:"noCheckbox",getter:n.getNoCheckbox,noReturnOption:!0,defaultValue:!1}),getSingle:r.createOptionGetterFunc({key:"single",getter:n.getSingle,noReturnOption:!0,defaultValue:!1}),getClear:r.createOptionGetterFunc({key:"clear",getter:n.getClear,noReturnOption:!0,defaultValue:!1}),getOptions:r.createOptionGetterFunc({key:"options",getter:n.getOptions,noReturnOption:!0}),getIcon:r.createOptionGetterFunc({key:"icon",getter:n.getIcon,noReturnOption:!0})},i=(t,l)=>{var c;const a=`get${l[0].toUpperCase()+l.slice(1)}`;return(c=ee[a])==null?void 0:c.call(ee,t)},C=(t,l,a)=>!!(!n.tree&&!(l!=null&&l.length)&&(a!=null&&a.length)),f=e.computed(()=>fe.flattenByParentKeys({getValue:(t,l,a)=>{const c=i(t,"value");return r.isEmptyLikeLodash(c)&&C(t,l,a)?r.usePCId(De):c},getDisabled:t=>i(t,"disabled"),arr:n.options??[],getChildren:(t,l)=>{if(!(l!=null&&l.length&&!n.tree))return i(t,"options")},getExtra:t=>{if(t){let l=i(t,"label");return r.isEmptyLikeLodash(l)||(l=String(l)),{_description:i(t,"description"),_label:l,_title:n.tree?l:void 0,_noCheckbox:i(t,"noCheckbox"),_single:i(t,"single"),_clear:i(t,"clear"),_icon:i(t,"icon")}}},allowNoValidKey:C})),y=(t,l=!1)=>t?f.value.filter(a=>{var c;if(l){const B=x.last(a._parentKeys??[]);return B&&B===t}return(c=a._parentKeys)==null?void 0:c.includes(t)}):[],L=t=>{var l;if((l=f.value)!=null&&l.length&&!r.isEmptyLikeLodash(t))return f.value.find(a=>a._key===t)},T=t=>{const l=L(t);return l&&(l._label||l._key)||t},te=t=>{const l=L(t);return l?l._single??!1:!1},J=t=>t===void 0?!1:Array.isArray(s.value)?!!(t&&s.value.includes(t)):s.value===t,V=e.computed(()=>{var c,B;let t=[];const l=new Set,a=u=>{u!=null&&u._key&&!l.has(u._key)&&(t.push(x.cloneDeep(u)),l.add(u._key))};if(g.value?(f.value.forEach(u=>{var _,w;if(u._label&&u._label.toLowerCase().includes(g.value.toLowerCase())&&!l.has(u._key)){if(a(u),u._hasChildren&&y(u._key).forEach(a),(_=n.filterOptions)!=null&&_.strictNode)u._parentKeys&&u._parentKeys.forEach(d=>{if(!l.has(d)){const U=L(d);a(U)}});else if((w=u._parentKeys)!=null&&w.length){const d=Te.head(u._parentKeys);if(!r.isEmptyLikeLodash(d)){if(!l.has(d)){const H=L(d);a(H)}y(d).forEach(a)}}}}),t=t.sort((u,I)=>f.value.findIndex(_=>_._key===u._key)-f.value.findIndex(_=>_._key===I._key))):t=x.cloneDeep(f.value),n.sortSelectedItems&&!n.tree&&!r.isEmptyLikeLodash(s.value)){let u=x.cloneDeep(t);const I=u.filter(E=>J(E._key)),_=Symbol("root"),w=Symbol("rootGroup"),d={},U=(E,M,P=1)=>{const q=u.splice(E,P);u.splice(M,0,...q)},H=E=>E?u.findIndex(M=>M._key===E):-1,ue=E=>{const M=d[E],P=H(M==null?void 0:M.key);return M!=null&&M.length?P+M.length+1:P+1};I.forEach(E=>{var M;if((M=E._parentKeys)!=null&&M.length){const P=Te.head(E._parentKeys);let q=H(P);const Le=Math.max(ue(_),ue(w));if(q>Le){const ce=y(P).length;U(q,Le,ce+1)}if(d[w]={key:P,length:y(P).length},q=H(P),P&&q>-1){const ce=H(E._key);if(d[P]===void 0)U(ce,q+1);else{const pt=ue(P);U(ce,pt)}d[P]={length:void 0,key:E._key}}}else{const P=H(E._key),q=ue(_);P>q&&U(P,q),d[_]={key:E._key,length:E._hasChildren?y(E._key).length:void 0}}u=x.cloneDeep(u)}),t=u}if(!n.tree){const u=x.cloneDeep(t);for(let I=0;I<u.length-1;I++){const _=u[I],w=u[I+1];!w._divider&&(w._hasChildren||(c=_._parentKeys)!=null&&c.length&&!((B=w._parentKeys)!=null&&B.length))&&(u.splice(I+1,0,{_key:r.usePCId(De),_divider:!0}),I++)}t=u}return t});F();const{getDisabled:Q,getStatus:be,getSize:D}=k.useFormInput(),X=e.computed(()=>{switch(D.value){case"sm":return"xsm";case"lg":return"md";case"md":default:return"sm"}}),de=e.computed(()=>{switch(D.value){case"sm":return"2xsm";case"lg":return"sm";case"md":default:return"xsm"}}),ae=e.ref(),se={sm:4,md:6,lg:8},oe={sm:14,md:16},ne={sm:32,md:50,lg:54},ge=e.computed(()=>({get count(){return V.value.length},getScrollElement:()=>{var t;return(t=ae.value)==null?void 0:t.container.viewportElement},estimateSize:t=>{const l=V.value[t];if(!n.tree&&l){if(l._divider)return 1;if(l._label&&l._hasChildren)return 8+(oe[D.value]??oe.md);if(l._description)return ne[D.value]??ne.md}return ze.systemSizesMap[D.value]??ze.systemSizesMap.md},overscan:5,get gap(){return se[D.value]??0}}));let A,W;if(n.virtual){const{virtualizer:t,...l}=k.useVirtualScroll(ge);A=t,W=l}const $e=e.computed(()=>{var t;return n.virtual?(((t=A==null?void 0:A.value)==null?void 0:t.getVirtualItems())??[]).map(l=>V.value[l.index]):V.value}),We=e.computed(()=>(W==null?void 0:W.containerStyles.value)??{}),{inputBindings:Ue,rootBindings:He,focused:je}=k.useInputDataStates({getDisabled:()=>Q.value}),Y=e.ref(),me=()=>{var t;if(m.value&&Y.value&&document.activeElement!==((t=Y.value)==null?void 0:t.input)){Y.value.input.style.pointerEvents="auto";const l=setTimeout(()=>{var a,c;(c=(a=Y.value)==null?void 0:a.focus)==null||c.call(a),clearTimeout(l)},100);Y.value.input.style.pointerEvents=""}},xe=e.computed(()=>!n.noValueOnPlaceholder&&(K.isArray(s.value)?s.value.length===1&&!r.isEmptyLikeLodash(s.value[0]):!r.isEmptyLikeLodash(s.value))),Je=e.computed(()=>{if(xe.value){if(n.multiple&&K.isArray(s.value))return T(x.last(s.value));if(!n.multiple&&!K.isArray(s.value))return T(s.value)}}),{CollectionSlot:Qe,CollectionItem:Be,itemMap:Xe,getItems:Se}=k.useCollection({isProvider:!0,key:O}),Ee=()=>s.value?Array.isArray(s.value)?s.value:[s.value]:[],S=e.ref(),ve=t=>{S.value=t},Pe=t=>({"data-disabled":t._disabled?"":void 0,"data-highlighted":S.value===t._key?"":void 0}),le=e.ref(),Oe=(t,l)=>{var a,c;if(l&&((a=le.value)!=null&&a.onSelect)&&n.tree&&((c=le.value)==null||c.onSelect(t,!J(t==null?void 0:t._key))),!(n.tree||!t||!t._key||t._disabled))if(n.multiple)if(t._clear)s.value=[],b("select",void 0,!1);else if(t._single)s.value=[t._key],b("select",t._key,!0,t);else{let B=K.isArray(s.value)?s.value:[];const u=B.includes(t._key);B.length===1&&te(B[0])&&t._key!==B[0]&&(B=[]),u?(s.value=B.filter(I=>I!==t._key),b("select",t._key,!0,t)):(s.value=[...B,t._key],b("select",t._key,!1,t))}else t._clear?(s.value=void 0,b("select",void 0,!1)):(s.value=t._key,b("select",t._key,!0,t))},{getDir:Ye}=Ct.useConfig(),ie=Ye(),Ve={props:n,emit:b,onKeyDown:t=>{var l,a,c,B,u,I;if(n.headerSearch||t.stopPropagation(),t.key==="Backspace"&&n.multiple&&K.isArray(s.value)&&r.isEmptyLikeLodash(h.value))s.value=s.value.slice(0,-1);else if(!m.value)(t.key==="ArrowDown"||t.key==="Enter")&&(m.value=!0);else if(m.value){const _=Se(n.tree);if(t.key==="Escape")m.value=!1;else if(t.key==="Tab"&&!n.headerSearch)m.value=!1;else if(["ArrowDown","ArrowUp"].includes(t.key)){if(_.length){const w=_.findIndex(d=>S.value&&d.value&&d.value===S.value);if(t.key==="ArrowDown"){const d=_[w+1];S.value=(d==null?void 0:d.value)??S.value??_[0].value}else if(t.key==="ArrowUp"){const d=_[w-1];S.value=(d==null?void 0:d.value)??_[0].value}(a=(l=_.find(d=>S.value&&d.value&&d.value===S.value))==null?void 0:l.ref)==null||a.scrollIntoView()}}else if(["ArrowLeft","ArrowRight"].includes(t.key)){const w=L(S.value);_.length&&le.value&&n.tree&&S.value&&w&&((c=R.value)!=null&&c.includes(S.value)&&(ie.value==="ltr"&&t.key==="ArrowLeft"||ie.value==="rtl"&&t.key==="ArrowRight")||!((B=R.value)!=null&&B.includes(S.value))&&(ie.value==="ltr"&&t.key==="ArrowRight"||ie.value==="rtl"&&t.key==="ArrowLeft"))&&((I=(u=le.value).onExpandKey)==null||I.call(u,w))}else t.key==="Enter"&&(_.length===1&&_[0].value&&S.value!==_[0].value&&(S.value=_[0].value),S.value&&Oe(L(S.value),!0),b("keydownEnter",t,h.value));t.key==="Escape"&&b("keydownEscape",t)}},searchModel:h,openModel:m,model:s,slots:v,valuePlaceholder:xe,placeholder:Je,getOptionByValue:L,isOptionSelected:J,getLabelByValue:T,getSingleByValue:te,inputRef:Y,focusOnInput:me,getDisabled:Q,getStatus:be,getSize:D,getTagSize:X,getIconSize:de,comboboxInputBinding:Ue,comboboxTriggerBinding:He,comboboxInputFocused:je,selectOption:Oe,itemMap:Xe,getItems:Se,highlightedOptionKey:S};Ke(Ve),e.watch(()=>[n.clearOnChangeMultiple,n.multiple],()=>{n.clearOnChangeMultiple&&(s.value=void 0)});const Ze=e.computed(()=>({defaultExpandAll:!0,showLine:!0,selectionBehavior:"replace",...n.treeProps??{},size:D.value,flattenData:!0,outerVirtualScroll:!0,selectable:!0,focusable:!1,multiple:n.multiple,checkable:n.multiple&&n.checkbox,virtual:A,syncCheckboxAndSelect:n.multiple,data:V.value,modelValue:Ee(),checkedKeys:Ee(),class:r.getBemElement(O,"tree")})),et=e.computed(()=>{const t=n.scrollContainerProps??{};return{...t,areaCls:[r.getBemElement(O,"scroll_area"),t==null?void 0:t.class,t==null?void 0:t.areaCls],wrapProps:{...(t==null?void 0:t.wrapProps)??{},style:(W==null?void 0:W.scrollWrapperStyles.value)??{}}}}),Ie=r.getBemElement(O,"popup"),tt=Me.cva(Ie,{variants:{size:r.generateVariantClassList(Ce,Ie)}}),ot=e.computed(()=>r.getPxSize(n.popupWidth,!0)),nt=e.computed(()=>r.getPxSize(n.popupHeight,!0)),lt=e.computed(()=>r.getPxSize(n.minWidth,!0)),rt=()=>{var a,c;const t=(c=v.header)==null?void 0:c.call(v,{isEmpty:!((a=V.value)!=null&&a.length),search:h.value}),l=!k.isEmptyElement(t);if(l||n.headerSearch)return e.h("div",{class:r.getBemElement(O,"header")},l?t:e.h(ke,n.headerSearchInputProps||{}))},at=()=>{var a,c;const t=(c=v.footer)==null?void 0:c.call(v,{isEmpty:!((a=V.value)!=null&&a.length),search:h.value});if(!k.isEmptyElement(t))return e.h("div",{class:r.getBemElement(O,"footer")},t)},st=()=>{var a;const t={type:D.value==="sm"?"simple":"advance",...x.omit(n.emptyProps??{},["class"]),class:r.normCls(r.getBemElement(O,"empty"),n.emptyCls)},l=(a=v.empty)==null?void 0:a.call(v,t);return k.isEmptyElement(l)?e.h(ft._sfc_main,t,{title:v.emptyTitle,description:v.emptyDescription,actions:v.emptyActions,image:v.emptyImage}):l},it=()=>{var a;const t=(a=v.loading)==null?void 0:a.call(v,{});return k.isEmptyElement(t)?new Array(V.value.length?2:n.loadingRowCount).fill(1).map(()=>e.h(_t._sfc_main,{size:D.value,class:r.normCls(r.getBemElement(O,"skeleton"),n.skeletonCls),...x.omit(n.skeletonProps??{},["class"])})):t},ut=(t,l,a)=>{const c=t._clear;if(n.multiple){const B=t._single;c?s.value=[]:B?s.value=[t._key]:s.value=a}else c||!l?s.value=void 0:s.value=t._key;b("select",t._key,l,t)},ct=t=>{t.key==="ArrowDown"&&!m.value?m.value=!0:t.key==="Tab"&&m.value&&(m.value=!1)};return n.disableOutsidePointerEvents&&k.useDisableBodyPointerEvents(m),o(Ve),(t,l)=>(e.openBlock(),e.createBlock(e.unref(dt._sfc_main),e.mergeProps({open:e.unref(m),"onUpdate:open":l[2]||(l[2]=a=>e.isRef(m)?m.value=a:null)},$.value,{containerProps:{...t.containerProps??{},onClick:me},noPadding:!0,size:e.unref(D),containerStyle:{pointerEvents:"auto",display:e.unref(m)?void 0:"none",zIndex:t.zIndex,"--ptc-combobox-popup-width":t.samePopupWidth?void 0:ot.value,"--ptc-combobox-popup-height":nt.value,"--ptc-combobox-trigger-min-w":lt.value},containerCls:e.unref(r.normCls)(e.unref(tt)(n),t.popupCls),onKeydown:ct}),{default:e.withCtx(()=>[e.createVNode(kt)]),content:e.withCtx(()=>[e.createVNode(rt),e.createVNode(e.unref(vt._sfc_main),e.mergeProps({ref_key:"scrollContainerRef",ref:ae},et.value),{default:e.withCtx(()=>[V.value.length||t.loading?(e.openBlock(),e.createBlock(e.unref(Qe),{key:0},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(O),"options"),t.optionsCls)),style:e.normalizeStyle(t.virtual?We.value:{}),onPointerleave:l[1]||(l[1]=a=>ve(void 0))},[t.tree?(e.openBlock(),e.createBlock(e.unref(fe._sfc_main),e.mergeProps({key:0,ref_key:"treeRef",ref:le},Ze.value,{expandedKeys:e.unref(R),"onUpdate:expandedKeys":l[0]||(l[0]=a=>e.isRef(R)?R.value=a:null),onExpand:me,onSelect:ut}),{default:e.withCtx(({items:a})=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a,c=>(e.openBlock(),e.createBlock(e.unref(Be),{key:c._key,value:c._key},{default:e.withCtx(()=>[e.createVNode(e.unref(fe._sfc_main$1),e.mergeProps({node:c},{ref_for:!0},Pe(c),{onPointermove:B=>ve(c._key)}),{default:e.withCtx(()=>[e.createVNode(Ae,{option:c},null,8,["option"])]),_:2},1040,["node","onPointermove"])]),_:2},1032,["value"]))),128))]),_:1},16,["expandedKeys"])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList($e.value,a=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:a._key},[a._divider?(e.openBlock(),e.createBlock(ht._sfc_main,{key:0})):a._label&&a._hasChildren?(e.openBlock(),e.createBlock(bt,{key:1,label:a._label},null,8,["label"])):a._hasChildren?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(Be),{key:2,value:a._key},{default:e.withCtx(()=>[e.createVNode(Ae,e.mergeProps({option:a},{ref_for:!0},Pe(a),{onPointermove:c=>ve(a._key)}),null,16,["option","onPointermove"])]),_:2},1032,["value"]))],64))),128)),t.loading?(e.openBlock(),e.createBlock(it,{key:2})):e.createCommentVNode("",!0)],38)]),_:1})):(e.openBlock(),e.createBlock(st,{key:1})),t.lazyLoading?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(O),"lazy_loading"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(O),"lazy_loading_trigger")),ref_key:"target",ref:Z},null,2)],2)):e.createCommentVNode("",!0)]),_:1},16),e.createVNode(at)]),_:1},16,["open","containerProps","size","containerStyle","containerCls"]))}});exports.ComboboxSizes=Ce;exports.ComboboxStatuses=Ge;exports._sfc_main=xt;exports._sfc_main$1=ke;exports.injectComboboxContext=pe;exports.provideComboboxContext=Ke;