@pantograph/vue 0.30.4 → 0.30.5

package/dist/Combobox/Combobox.d.ts

@@ -415,7 +415,6 @@ declare function __VLS_template(): {
                 choose: (event: import('@pantograph/sortable').SortableEvent) => any;
                 unchoose: (event: import('@pantograph/sortable').SortableEvent) => any;
             }, string, {
-                size: import('..').TreeSize;
                 disabled: boolean;
                 selectionBehavior: "toggle" | "replace";
                 focusable: boolean;
@@ -441,7 +440,6 @@ declare function __VLS_template(): {
             $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
-            size: import('..').TreeSize;
             disabled: boolean;
             selectionBehavior: "toggle" | "replace";
             focusable: boolean;
@@ -461,7 +459,7 @@ declare function __VLS_template(): {
             onDragEnd?: ((event: import('..').TreeDragEvent) => any) | undefined;
             onChoose?: ((event: import('@pantograph/sortable').SortableEvent) => any) | undefined;
             onUnchoose?: ((event: import('@pantograph/sortable').SortableEvent) => any) | undefined;
-        }>, "dir" | "props" | "iconSize" | "onSelect" | "checked" | "model" | "expandedKeys" | "getLevel" | "indentSize" | "dragging" | "getNodeChildren" | "onCheck" | ("size" | "disabled" | "selectionBehavior" | "focusable" | "checkStrictly") | "scrollContainerRef" | "onExpandKey" | "getNodeField" | "getIsSelected" | "getIsChecked" | "prefixes"> & import('vue').ShallowUnwrapRef<{
+        }>, "dir" | "props" | "iconSize" | "onSelect" | "checked" | "model" | "expandedKeys" | "getLevel" | "indentSize" | "dragging" | "getNodeChildren" | "onCheck" | ("disabled" | "selectionBehavior" | "focusable" | "checkStrictly") | "scrollContainerRef" | "onExpandKey" | "getNodeField" | "getIsSelected" | "getIsChecked" | "prefixes"> & import('vue').ShallowUnwrapRef<{
             disabled: import('vue').ComputedRef<boolean | undefined>;
             props: TreeProps;
             dir: import('vue').ComputedRef<import('..').Direction | undefined>;
@@ -556,7 +554,6 @@ declare const __VLS_component: import('vue').DefineComponent<ComboboxProps, {
     "onUpdate:search"?: ((value?: string | null | undefined) => any) | undefined;
     onFetch?: (() => any) | undefined;
 }>, {
-    size: import('./Combobox.model').ComboboxSize;
     disabled: boolean;
     bordered: boolean;
     prioritizePosition: boolean;
@@ -988,7 +985,6 @@ declare const __VLS_component: import('vue').DefineComponent<ComboboxProps, {
             choose: (event: import('@pantograph/sortable').SortableEvent) => any;
             unchoose: (event: import('@pantograph/sortable').SortableEvent) => any;
         }, string, {
-            size: import('..').TreeSize;
             disabled: boolean;
             selectionBehavior: "toggle" | "replace";
             focusable: boolean;
@@ -1014,7 +1010,6 @@ declare const __VLS_component: import('vue').DefineComponent<ComboboxProps, {
         $nextTick: typeof import('vue').nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
-        size: import('..').TreeSize;
         disabled: boolean;
         selectionBehavior: "toggle" | "replace";
         focusable: boolean;
@@ -1034,7 +1029,7 @@ declare const __VLS_component: import('vue').DefineComponent<ComboboxProps, {
         onDragEnd?: ((event: import('..').TreeDragEvent) => any) | undefined;
         onChoose?: ((event: import('@pantograph/sortable').SortableEvent) => any) | undefined;
         onUnchoose?: ((event: import('@pantograph/sortable').SortableEvent) => any) | undefined;
-    }>, "dir" | "props" | "iconSize" | "onSelect" | "checked" | "model" | "expandedKeys" | "getLevel" | "indentSize" | "dragging" | "getNodeChildren" | "onCheck" | ("size" | "disabled" | "selectionBehavior" | "focusable" | "checkStrictly") | "scrollContainerRef" | "onExpandKey" | "getNodeField" | "getIsSelected" | "getIsChecked" | "prefixes"> & import('vue').ShallowUnwrapRef<{
+    }>, "dir" | "props" | "iconSize" | "onSelect" | "checked" | "model" | "expandedKeys" | "getLevel" | "indentSize" | "dragging" | "getNodeChildren" | "onCheck" | ("disabled" | "selectionBehavior" | "focusable" | "checkStrictly") | "scrollContainerRef" | "onExpandKey" | "getNodeField" | "getIsSelected" | "getIsChecked" | "prefixes"> & import('vue').ShallowUnwrapRef<{
         disabled: import('vue').ComputedRef<boolean | undefined>;
         props: TreeProps;
         dir: import('vue').ComputedRef<import('..').Direction | undefined>;

package/dist/Combobox/index.js

@@ -1,30 +1,30 @@
 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 { 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 ct } from "@pantograph/utils-vue";
-import { getBemBlock as oo, getBemModifier as lo, getBemElement as x, getComponentOptions as be, normCls as H, isEmptyLikeLodash as F, generateVariantClassList as q, createOptionGetterFunc as j, usePCId as Ie, getPxSize as Ke, getComponentName as pt } from "@pantograph/utils";
+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";
+import { getBemBlock as oo, getBemModifier as lo, getBemElement as x, getComponentOptions as be, normCls as H, isEmptyLikeLodash as F, generateVariantClassList as q, createOptionGetterFunc as j, usePCId as Ie, getPxSize as Ke, getComponentName as ct } from "@pantograph/utils";
 import { _ as ao } from "../index--fAgg2DC.js";
 import { cva as dt } from "class-variance-authority";
 import "../Icon/index.js";
 import "../Avatar/index.js";
 import "../GraphicalObject/index.js";
-import { _ as gt, d as no } from "../Avatar.vue_vue_type_style_index_0_lang-CzFkAcKT.js";
+import { _ as gt, d as no } from "../Avatar.vue_vue_type_style_index_0_lang-Br3Z0y8H.js";
 import { GraphicalObjectGroup as ro } from "../GraphicalObjectGroup/index.js";
 import { _ as so } from "../index-BCPptNhu.js";
 import { _ as io } from "../Chip.vue_vue_type_style_index_0_lang-CmXECWtq.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-ByHGhDsA.js";
+import { whenever as uo, refDebounced as po } from "@vueuse/core";
+import { _ as co } from "../Input.vue_vue_type_script_setup_true_lang-CzKEJH7a.js";
 import { _ as We } from "../Icon.vue_vue_type_style_index_0_lang-CD9EvvB5.js";
-import { g as go, a as mo } from "../MenuItem.vue_vue_type_style_index_0_lang-ByicYJot.js";
+import { g as go, a as mo } from "../MenuItem.vue_vue_type_style_index_0_lang-BhdOsuVb.js";
 import { i as J } from "../isArray-QlWcxgml.js";
-import { _ as mt } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-DBKQk4LJ.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-BdPkHVwS.js";
+import { f as fo, _ as vo, a as ho } from "../index-Y3XMSR_o.js";
 import "../MenuItem/index.js";
 import "../Checkbox/index.js";
-import { _ as yo } from "../Checkbox.vue_vue_type_style_index_0_lang-u9Jw1VwG.js";
+import { _ as yo } from "../Checkbox.vue_vue_type_style_index_0_lang-D-7D_c_A.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 { a as rt } from "../index-D2tZoezA.js";
@@ -63,7 +63,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
     steps: { type: Boolean }
   },
   setup(Y) {
-    const t = Y, c = ut(), o = Ge();
+    const t = Y, p = ut(), o = Ge();
     uo(() => o.openModel.value && o.inputRef.value, o.focusOnInput), $t(() => {
       o.comboboxInputFocused.value = !1;
     });
@@ -71,7 +71,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
       const D = t.placeholder ?? o.props.placeholder ?? "";
       return (o.props.headerSearch ? D : o.placeholder.value) ?? D;
     }), U = x(w, "input");
-    return (D, y) => (I(), K(u(po), ue({
+    return (D, y) => (I(), K(u(co), ue({
       ...u(o).comboboxInputBinding.value,
       ...t,
       disabled: u(o).getDisabled.value || t.disabled
@@ -84,7 +84,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
       modelValue: u(o).searchModel.value,
       "onUpdate:modelValue": y[0] || (y[0] = (d) => u(o).searchModel.value = d)
     }), Kt({ _: 2 }, [
-      Ne(Object.keys(u(ye)(c, ["leading"])), (d) => ({
+      Ne(Object.keys(u(ye)(p, ["leading"])), (d) => ({
         name: d,
         fn: W((g) => [
           Le(D.$slots, d, Me(Re(g)))
@@ -115,7 +115,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
   ...be("ComboboxTrigger"),
   __name: "ComboboxTrigger",
   setup(Y) {
-    const t = Ge(), c = ({ value: r }) => {
+    const t = Ge(), p = ({ value: r }) => {
       r && J(t.model.value) && !t.getDisabled.value && (t.model.value = t.model.value.filter((b) => b !== r));
     }, o = C(() => {
       switch (t.getSize.value) {
@@ -206,7 +206,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
         size: t.getTagSize.value,
         ...b ? ((v = (f = t.props).getTagProps) == null ? void 0 : v.call(f, b)) ?? {} : {}
       });
-    }, ce = (r) => {
+    }, pe = (r) => {
       var f, v;
       const b = t.getOptionByValue(r) ?? { _key: r };
       return _(mt, {
@@ -227,7 +227,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
         ) : 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 = ce(t.model.value) : D.value ? L = m(D.value) : t.props.leadingIcon && (L = m(t.props.leadingIcon)), !$(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))
             return _(
               "div",
               {
@@ -237,7 +237,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
             );
         }
       }
-    }, pe = () => {
+    }, ce = () => {
       var de, re;
       const r = (re = (de = t.slots).trigger) == null ? void 0 : re.call(de, d.value);
       if (!$(r))
@@ -273,7 +273,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
                   noWrap: !t.props.wrapped,
                   class: ee
                 },
-                () => t.model.value.map(ce)
+                () => t.model.value.map(pe)
               );
             if (t.props.tagRenderMode === "chip")
               return _(
@@ -286,7 +286,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
                   noPopover: !0,
                   noWrap: !t.props.wrapped,
                   class: ee,
-                  onClose: c
+                  onClose: p
                 },
                 () => t.model.value.map((se) => {
                   var ge, me;
@@ -335,7 +335,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
       const L = ne();
       return $(L) || v.push(L), _("button", Q.value, v);
     };
-    return (r, b) => (I(), K(pe));
+    return (r, b) => (I(), K(ce));
   }
 }), it = /* @__PURE__ */ _e({
   ...be("ComboboxOption"),
@@ -344,55 +344,55 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
     option: {}
   },
   setup(Y) {
-    const t = Y, c = Ge(), o = C(() => c.isOptionSelected(t.option._key)), k = (y) => {
+    const t = Y, p = Ge(), o = C(() => p.isOptionSelected(t.option._key)), k = (y) => {
       var n, N, Q, m, ne, Z;
       const d = [];
-      !c.props.tree && c.props.multiple && c.props.checkbox && !t.option._noCheckbox && d.push(
+      !p.props.tree && p.props.multiple && p.props.checkbox && !t.option._noCheckbox && d.push(
         _(yo, {
           unExtendParent: !0,
           modelValue: o.value,
           size: y.checkboxSize,
-          disabled: t.option._disabled || c.getDisabled.value
+          disabled: t.option._disabled || p.getDisabled.value
         })
       );
-      const g = (N = (n = c.slots).optionLeading) == null ? void 0 : N.call(n, { ...y, option: t.option });
-      return $(g) ? c.props.tagRenderMode === "avatar" && c.props.showTriggerTagOnOption ? d.push(
+      const g = (N = (n = p.slots).optionLeading) == null ? void 0 : N.call(n, { ...y, option: t.option });
+      return $(g) ? p.props.tagRenderMode === "avatar" && p.props.showTriggerTagOnOption ? d.push(
         _(gt, {
           size: y.avatarSize,
-          ...((m = (Q = c.props).getTagProps) == null ? void 0 : m.call(Q, t.option)) ?? {}
+          ...((m = (Q = p.props).getTagProps) == null ? void 0 : m.call(Q, t.option)) ?? {}
         })
-      ) : c.props.tagRenderMode === "go" && c.props.showTriggerTagOnOption ? d.push(
+      ) : p.props.tagRenderMode === "go" && p.props.showTriggerTagOnOption ? d.push(
         _(mt, {
           size: y.iconSize,
-          ...((Z = (ne = c.props).getTagProps) == null ? void 0 : Z.call(ne, t.option)) ?? {}
+          ...((Z = (ne = p.props).getTagProps) == null ? void 0 : Z.call(ne, t.option)) ?? {}
         })
-      ) : t.option._icon && d.push(_(We, { icon: t.option._icon, size: c.getIconSize.value })) : d.push(g), $(d) ? null : d;
+      ) : t.option._icon && d.push(_(We, { icon: t.option._icon, size: p.getIconSize.value })) : d.push(g), $(d) ? null : d;
     }, U = Ft(), D = () => {
-      const y = c.props.tree ? void 0 : t.option._description, d = (qt(c.props.getMenuItemProps) ? c.props.getMenuItemProps(t.option) : c.props.getMenuItemProps) ?? {};
+      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,
         {
           unExtendParent: !0,
           class: x(w, "option"),
           unFocusable: !0,
-          staticStyle: c.props.tree,
+          staticStyle: p.props.tree,
           description: y,
           title: t.option._label,
           key: t.option._key,
           selected: o.value,
           leadingCenter: !!y,
-          size: c.getSize.value,
-          disabled: c.props.tree ? !1 : t.option._disabled || c.getDisabled.value,
-          onClick: () => c.selectOption(t.option),
+          size: p.getSize.value,
+          disabled: p.props.tree ? !1 : t.option._disabled || p.getDisabled.value,
+          onClick: () => p.selectOption(t.option),
           slotProps: t,
           ...d,
           ...U
         },
         {
           leading: k,
-          trailing: c.slots.optionTrailing,
-          title: c.slots.optionTitle,
-          description: c.slots.optionDescription
+          trailing: p.slots.optionTrailing,
+          title: p.slots.optionTitle,
+          description: p.slots.optionDescription
         }
       );
     };
@@ -405,7 +405,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
     label: {}
   },
   setup(Y) {
-    return (t, c) => (I(), he("div", {
+    return (t, p) => (I(), he("div", {
       class: we(u(x)(u(w), "label"))
     }, Nt(t.label), 3));
   }
@@ -420,7 +420,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
     highlightOnHover: { type: Boolean },
     resetSearchTermOnBlur: { type: Boolean, default: !0 },
     resetSearchTermOnSelect: { type: Boolean, default: !0 },
-    size: { default: "md" },
+    size: {},
     status: {},
     noValueOnPlaceholder: { type: Boolean },
     zIndex: {},
@@ -501,8 +501,8 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
     noTrigger: { type: Boolean }
   },
   emits: ["update:modelValue", "update:expandedKeys", "keydownEnter", "keydownEscape", "update:search", "fetch", "search", "select", "update:open", "escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
-  setup(Y, { expose: t, emit: c }) {
-    const o = Y, k = c, U = () => {
+  setup(Y, { expose: t, emit: p }) {
+    const o = Y, k = p, U = () => {
       var e, l;
       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)
@@ -512,7 +512,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
     }, 500), y = Oe(o, "search", k, {
       passive: o.search === void 0,
       onChange: D
-    }), d = co(y, 500), g = Oe(o, "open", k, {
+    }), d = po(y, 500), g = Oe(o, "open", k, {
       defaultValue: o.defaultOpen,
       passive: o.open === void 0,
       onChange(e) {
@@ -559,12 +559,12 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
         "noTrigger"
       ])
       // modal: true,
-    })), ce = ve();
-    Qt({ target: ce });
+    })), pe = ve();
+    Qt({ target: pe });
     const Ce = j({
       key: "value",
       getter: o.getValue
-    }), pe = {
+    }), ce = {
       getDisabled: j({
         key: "disabled",
         getter: o.getDisabled,
@@ -614,7 +614,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
     }, r = (e, l) => {
       var s;
       const a = `get${l[0].toUpperCase() + l.slice(1)}`;
-      return (s = pe[a]) == null ? void 0 : s.call(pe, e);
+      return (s = ce[a]) == null ? void 0 : s.call(ce, e);
     }, b = (e, l, a) => !!(!o.tree && !(l != null && l.length) && (a != null && a.length)), f = C(
       () => fo({
         getValue: (e, l, a) => {
@@ -671,20 +671,20 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
         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((p) => {
-              if (!l.has(p)) {
-                const oe = V(p);
+            i._parentKeys && i._parentKeys.forEach((c) => {
+              if (!l.has(c)) {
+                const oe = V(c);
                 a(oe);
               }
             });
           else if ((E = i._parentKeys) != null && E.length) {
-            const p = st(i._parentKeys);
-            if (!F(p)) {
-              if (!l.has(p)) {
-                const le = V(p);
+            const c = st(i._parentKeys);
+            if (!F(c)) {
+              if (!l.has(c)) {
+                const le = V(c);
                 a(le);
               }
-              v(p).forEach(a);
+              v(c).forEach(a);
             }
           }
         }
@@ -692,11 +692,11 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
         (i, z) => f.value.findIndex((h) => h._key === i._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"), p = {}, oe = (B, A, O = 1) => {
+        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) => {
-          const A = p[B], O = le(A == null ? void 0 : A.key);
+          const A = c[B], O = le(A == null ? void 0 : A.key);
           return A != null && A.length ? O + A.length + 1 : O + 1;
         };
         z.forEach((B) => {
@@ -712,25 +712,25 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
               const Be = v(O).length;
               oe(G, et, Be + 1);
             }
-            if (p[E] = {
+            if (c[E] = {
               key: O,
               length: v(O).length
             }, G = le(O), O && G > -1) {
               const Be = le(B._key);
-              if (p[O] === void 0)
+              if (c[O] === void 0)
                 oe(Be, G + 1);
               else {
                 const At = Pe(O);
                 oe(Be, At);
               }
-              p[O] = {
+              c[O] = {
                 length: void 0,
                 key: B._key
               };
             }
           } else {
             const O = le(B._key), G = Pe(h);
-            O > G && oe(O, G), p[h] = {
+            O > G && oe(O, G), c[h] = {
               key: B._key,
               length: B._hasChildren ? v(B._key).length : void 0
             };
@@ -753,7 +753,10 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
       return e;
     });
     U();
-    const { getDisabled: ee, getStatus: Ue, getSize: M } = Xt(), se = C(() => {
+    const { getDisabled: ee, getStatus: Ue, getSize: M } = Xt({
+      defaults: { size: "md" },
+      exports: ["getDisabled", "getSize", "getStatus"]
+    }), se = C(() => {
       switch (M.value) {
         case "sm":
           return "xsm";
@@ -884,17 +887,17 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
           else if (["ArrowDown", "ArrowUp"].includes(e.key)) {
             if (h.length) {
               const E = h.findIndex(
-                (p) => P.value && p.value && p.value === P.value
+                (c) => P.value && c.value && c.value === P.value
               );
               if (e.key === "ArrowDown") {
-                const p = h[E + 1];
-                P.value = (p == null ? void 0 : p.value) ?? P.value ?? h[0].value;
+                const c = h[E + 1];
+                P.value = (c == null ? void 0 : c.value) ?? P.value ?? h[0].value;
               } else if (e.key === "ArrowUp") {
-                const p = h[E - 1];
-                P.value = (p == null ? void 0 : p.value) ?? h[0].value;
+                const c = h[E - 1];
+                P.value = (c == null ? void 0 : c.value) ?? h[0].value;
               }
               (a = (l = h.find(
-                (p) => P.value && p.value && p.value === P.value
+                (c) => P.value && c.value && c.value === P.value
               )) == null ? void 0 : l.ref) == null || a.scrollIntoView();
             }
           } else if (["ArrowLeft", "ArrowRight"].includes(e.key)) {
@@ -1133,7 +1136,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
               ot("div", {
                 class: we(u(x)(u(w), "lazy_loading_trigger")),
                 ref_key: "target",
-                ref: ce
+                ref: pe
               }, null, 2)
             ], 2)) : Ae("", !0)
           ]),
@@ -1144,12 +1147,12 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
       _: 1
     }, 16, ["open", "containerProps", "size", "containerStyle", "containerCls"]));
   }
-}), cl = ct(Io, pt("Combobox")), pl = ct(He, pt("ComboboxInput"));
+}), pl = pt(Io, ct("Combobox")), cl = pt(He, ct("ComboboxInput"));
 export {
   Io as Combobox,
   He as ComboboxInput,
-  pl as ComboboxInputPlugin,
-  cl as ComboboxPlugin,
+  cl as ComboboxInputPlugin,
+  pl as ComboboxPlugin,
   vt as ComboboxSizes,
   Po as ComboboxStatuses,
   Ge as injectComboboxContext,

package/dist/Combobox/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),Ce=require("reka-ui"),x=require("es-toolkit"),_=require("@pantograph/utils-vue"),l=require("@pantograph/utils"),dt=require("../index-CaXYyVxq.js"),Me=require("class-variance-authority");require("../Icon/index.umd.cjs");require("../Avatar/index.umd.cjs");require("../GraphicalObject/index.umd.cjs");const be=require("../Avatar.vue_vue_type_style_index_0_lang-CX1z2Bid.js"),gt=require("../GraphicalObjectGroup/index.umd.cjs"),mt=require("../index-SHgIzWWT.js"),ft=require("../Chip.vue_vue_type_style_index_0_lang-BgTLPRMz.js");require("../Input/index.umd.cjs");const Ae=require("@vueuse/core"),vt=require("../Input.vue_vue_type_script_setup_true_lang-CTIaAkrW.js"),ke=require("../Icon.vue_vue_type_style_index_0_lang-DOQsa_aO.js"),Re=require("../MenuItem.vue_vue_type_style_index_0_lang-zBvtuEx_.js"),K=require("../isArray-Bin_5of_.js"),qe=require("../GraphicalObject.vue_vue_type_script_setup_true_lang-CgjAIWEo.js");require("../ScrollContainer/index.umd.cjs");require("../Empty/index.umd.cjs");const he=require("../index-J_dmgfpe.js");require("../MenuItem/index.umd.cjs");require("../Checkbox/index.umd.cjs");const yt=require("../Checkbox.vue_vue_type_style_index_0_lang-CAdNvT8f.js"),ht=require("../Skeleton.vue_vue_type_style_index_0_lang-vZBJnVJj.js"),_t=require("../Divider.vue_vue_type_style_index_0_lang-D3wrVsBd.js"),ze=require("../index-4j_iV_pN.js"),bt=require("../ConfigProvider/index.umd.cjs"),Te=require("../head-Bg_QoIT5.js"),Ct=require("../ScrollContainer.vue_vue_type_style_index_0_lang-Br7-ZHr3.js"),kt=require("../Empty.vue_vue_type_style_index_0_lang-CRS28Wia.js"),[pe,Fe]=Ce.createContext("Combobox"),O=l.getBemBlock("combobox"),Ke=l.getBemModifier(O,"value-placeholder"),_e=l.getBemElement(O,"option"),xe=["sm","md","lg"],Ne=["error","warning","success"],de=e.defineComponent({...l.getComponentOptions("ComboboxInput"),__name:"ComboboxInput",props:{id:{},maxlength:{},type:{},placeholder:{},disabled:{type:Boolean,default:void 0},required:{type:Boolean},readonly:{type:Boolean},contentFit:{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();Ae.whenever(()=>n.openModel.value&&n.inputRef.value,n.focusOnInput),e.onBeforeUnmount(()=>{n.comboboxInputFocused.value=!1});const k=e.computed(()=>{const z=o.placeholder??n.props.placeholder??"";return(n.props.headerSearch?z:n.placeholder.value)??z}),F=l.getBemElement(O,"input");return(z,b)=>(e.openBlock(),e.createBlock(e.unref(vt._sfc_main),e.mergeProps({...e.unref(n).comboboxInputBinding.value,...o,disabled:e.unref(n).getDisabled.value||o.disabled},{placeholder:k.value,onKeydown:e.unref(n).onKeyDown,ref:e.unref(n).inputRef,class:e.unref(l.normCls)(e.unref(F),{[e.unref(Ke)]:e.unref(n).valuePlaceholder.value},o.class),contentFit:!e.unref(n).props.headerSearch&&e.unref(n).props.contentFit,modelValue:e.unref(n).searchModel.value,"onUpdate:modelValue":b[0]||(b[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(ke._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","contentFit","modelValue"]))}}),xt=e.defineComponent({...l.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"}}),k=e.computed(()=>{if(!o.props.multiple&&x.isString(o.model.value)&&!l.isEmptyLikeLodash(o.model.value))return o.getOptionByValue(o.model.value)}),F=(i=k.value)=>{if(o.props.selectedItemIconAsTrailingIcon&&(i!=null&&i._icon))return i._icon},z=e.computed(()=>F()),b=e.computed(()=>{if(!o.props.noTrailing)return o.props.trailingIcon??"tabler:chevron-down"}),g=e.computed(()=>{var v,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=(v=o.model.value).map)==null?void 0:y.call(v,o.getOptionByValue).filter(Boolean):void 0}}),m=i=>({...g.value,option:o.getOptionByValue(i)}),s=l.getBemElement(O,"trigger"),R=Me.cva(s,{variants:{size:l.generateVariantClassList(xe,s),headerSearch:l.generateVariantClassList("header-search",s),status:l.generateVariantClassList(Ne,s),bordered:l.generateVariantClassList("bordered",s),multiple:l.generateVariantClassList("multiple",s),contentFit:l.generateVariantClassList("content-fit",s),wrapped:l.generateVariantClassList("wrapped",s),filled:l.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:l.normCls(R({size:o.getSize.value,status:o.getStatus.value==="success"&&l.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:!l.isEmptyLikeLodash(o.model.value),headerSearch:o.props.headerSearch}),o.props.triggerCls),...o.comboboxTriggerBinding.value})),f=(i,C=n.value)=>e.h(ke._sfc_main,{icon:i,size:C}),J=()=>{var v,y;let i;const C=(y=(v=o.slots).triggerTrailing)==null?void 0:y.call(v,g.value);if(!_.isEmptyElement(C))i=C;else if(b.value&&b.value){const L=b.value===!0?"tabler:chevron-down":b.value;i=f(L)}if(i)return e.h("div",{class:l.normCls(l.getBemElement(s,"trailing"),o.props.triggerTrailingCls)},i)},$=i=>{var v,y;const C=o.getOptionByValue(i)??{_key:i};return e.h(be._sfc_main,{size:o.getTagSize.value,...C?((y=(v=o.props).getTagProps)==null?void 0:y.call(v,C))??{}:{}})},Z=i=>{var v,y;const C=o.getOptionByValue(i)??{_key:i};return e.h(qe._sfc_main,{...C?((y=(v=o.props).getTagProps)==null?void 0:y.call(v,C))??{}:{},size:o.getTagSize.value})},re=()=>{var i,C;if(!o.props.multiple&&!K.isArray(o.model.value)&&o.model.value){let v;x.isString(o.model.value)&&!l.isEmptyLikeLodash(o.model.value)&&(v=o.model.value);const y=v?(C=(i=o.slots).optionLeading)==null?void 0:C.call(i,Re.getMenuContentSlotProps(o.props.size,m(v))):null,L=!_.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=f(z.value):o.props.leadingIcon&&(T=f(o.props.leadingIcon)),!_.isEmptyElement(T))return e.h("div",{class:l.normCls(l.getBemElement(s,"leading"),o.props.triggerLeadingCls)},T)}}},ee=()=>{var te,Q;const i=(Q=(te=o.slots).trigger)==null?void 0:Q.call(te,g.value);if(!_.isEmptyElement(i))return e.h(Ce.Slot,x.omit(N.value,["class"]),()=>i);const v=()=>{const I=[],W=[l.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(be._sfc_main$1,{maxCount:o.props.maxCount,size:o.getTagSize.value,closeable:!o.getDisabled.value,noPopover:!0,noWrap:!o.props.wrapped,class:W},()=>o.model.value.map($));if(o.props.tagRenderMode==="go")return e.h(gt.GraphicalObjectGroup,{maxCount:o.props.maxCount,size:o.getTagSize.value,closeable:!o.getDisabled.value,noPopover:!0,noWrap:!o.props.wrapped,class:W},()=>o.model.value.map(Z));if(o.props.tagRenderMode==="chip")return e.h(mt._sfc_main,{maxCount:o.props.maxCount,size:o.getTagSize.value,color:"primary",closeable:!o.getDisabled.value,noPopover:!0,noWrap:!o.props.wrapped,class:W,onClose:p},()=>o.model.value.map(X=>{var oe,ne;const ge=()=>o.getLabelByValue(X),ae=({size:me})=>{const M=F(o.getOptionByValue(X))??o.props.leadingIcon;return M?f(M,me):null},se=o.getOptionByValue(X);return e.h(ft._sfc_main,{...se?((ne=(oe=o.props).getTagProps)==null?void 0:ne.call(oe,se))??{}:{},value:X,class:l.normCls(l.getBemElement(s,"tag"),o.props.tagCls),closeIconCls:l.getBemElement(s,"tag__close")},{text:ge,leading:ae})}))}})();if(D&&I.push(D),o.props.headerSearch?(!o.props.noValueOnPlaceholder||o.props.placeholder)&&I.push(e.h("div",{class:l.normCls(l.getBemElement(s,"content__value"),{[Ke]:o.valuePlaceholder.value})},o.placeholder.value??o.props.placeholder)):I.push(e.h(de,{noValueOnPlaceholder:o.props.noValueOnPlaceholder,searchIcon:!1,bordered:!1,simple:!0})),!_.isEmptyElement(I)||!o.props.contentFit||o.props.trailingIcon)return e.h("div",{class:l.getBemElement(s,"content")},I)},y=[],L=re();_.isEmptyElement(L)||y.push(L),y.push(v());const T=J();return _.isEmptyElement(T)||y.push(T),e.h("button",N.value,y)};return(i,C)=>(e.openBlock(),e.createBlock(ee))}}),De=e.defineComponent({...l.getComponentOptions("ComboboxOption"),__name:"ComboboxOption",props:{option:{}},setup(G){const o=G,p=pe(),n=e.computed(()=>p.isOptionSelected(o.option._key)),k=b=>{var s,R,N,f,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:b.checkboxSize,disabled:o.option._disabled||p.getDisabled.value}));const m=(R=(s=p.slots).optionLeading)==null?void 0:R.call(s,{...b,option:o.option});return _.isEmptyElement(m)?p.props.tagRenderMode==="avatar"&&p.props.showTriggerTagOnOption?g.push(e.h(be._sfc_main,{size:b.avatarSize,...((f=(N=p.props).getTagProps)==null?void 0:f.call(N,o.option))??{}})):p.props.tagRenderMode==="go"&&p.props.showTriggerTagOnOption?g.push(e.h(qe._sfc_main,{size:b.iconSize,...(($=(J=p.props).getTagProps)==null?void 0:$.call(J,o.option))??{}})):o.option._icon&&g.push(e.h(ke._sfc_main,{icon:o.option._icon,size:p.getIconSize.value})):g.push(m),_.isEmptyElement(g)?null:g},F=e.useAttrs(),z=()=>{const b=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(Re._sfc_main$1,{unExtendParent:!0,class:l.getBemElement(O,"option"),unFocusable:!0,staticStyle:p.props.tree,description:b,title:o.option._label,key:o.option._key,selected:n.value,leadingCenter:!!b,size:p.getSize.value,disabled:p.props.tree?!1:o.option._disabled||p.getDisabled.value,onClick:()=>p.selectOption(o.option),slotProps:o,...g,...F},{leading:k,trailing:p.slots.optionTrailing,title:p.slots.optionTitle,description:p.slots.optionDescription})};return(b,g)=>(e.openBlock(),e.createBlock(z))}}),Bt=e.defineComponent({...l.getComponentOptions("ComboboxLabel"),__name:"ComboboxLabel",props:{label:{}},setup(G){return(o,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(l.getBemElement)(e.unref(O),"label"))},e.toDisplayString(o.label),3))}}),Ge=e.defineComponent({...l.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,k=p,F=()=>{var t,r;n.tree&&(((t=n.filterOptions)==null?void 0:t.expandParent)==="collapse"?N([]):((r=n.filterOptions)==null?void 0:r.expandParent)==="expand"&&N(I.value.filter(a=>a._hasChildren).map(a=>a._key)))},z=x.debounce(t=>{k("search",t),F()},500),b=_.useVModel(n,"search",k,{passive:n.search===void 0,onChange:z}),g=Ae.refDebounced(b,500),m=_.useVModel(n,"open",k,{defaultValue:n.defaultOpen,passive:n.open===void 0,onChange(t){!t&&n.resetSearchTermOnBlur&&(b.value=void 0)}}),s=_.useVModel(n,"modelValue",k,{passive:n.modelValue===void 0,onChange:()=>{var t,r;m.value&&!n.multiple&&(m.value=!1),M!=null&&M.value&&n.sortSelectedItems&&((r=(t=M==null?void 0:M.value)==null?void 0:t.measure)==null||r.call(t))}}),R=_.useVModel(n,"expandedKeys",k,{passive:n.expandedKeys===void 0}),N=x.debounce(t=>{R.value=t},500,{edges:["leading"]}),f=e.useSlots(),J=Ce.useEmitAsProps(k),$=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();_.useLazyLoading({target:Z});const re=l.createOptionGetterFunc({key:"value",getter:n.getValue}),ee={getDisabled:l.createOptionGetterFunc({key:"disabled",getter:n.getDisabled,noReturnOption:!0,defaultValue:!1}),getDescription:l.createOptionGetterFunc({key:"description",getter:n.getDescription,noReturnOption:!0}),getValue:re,getLabel:l.createOptionGetterFunc({key:"label",getter:n.getLabel,noReturnOption:!0,defaultValue:re}),getNoCheckbox:l.createOptionGetterFunc({key:"noCheckbox",getter:n.getNoCheckbox,noReturnOption:!0,defaultValue:!1}),getSingle:l.createOptionGetterFunc({key:"single",getter:n.getSingle,noReturnOption:!0,defaultValue:!1}),getClear:l.createOptionGetterFunc({key:"clear",getter:n.getClear,noReturnOption:!0,defaultValue:!1}),getOptions:l.createOptionGetterFunc({key:"options",getter:n.getOptions,noReturnOption:!0}),getIcon:l.createOptionGetterFunc({key:"icon",getter:n.getIcon,noReturnOption:!0})},i=(t,r)=>{var u;const a=`get${r[0].toUpperCase()+r.slice(1)}`;return(u=ee[a])==null?void 0:u.call(ee,t)},C=(t,r,a)=>!!(!n.tree&&!(r!=null&&r.length)&&(a!=null&&a.length)),v=e.computed(()=>he.flattenByParentKeys({getValue:(t,r,a)=>{const u=i(t,"value");return l.isEmptyLikeLodash(u)&&C(t,r,a)?l.usePCId(_e):u},getDisabled:t=>i(t,"disabled"),arr:n.options??[],getChildren:(t,r)=>{if(!(r!=null&&r.length&&!n.tree))return i(t,"options")},getExtra:t=>{if(t){let r=i(t,"label");return l.isEmptyLikeLodash(r)||(r=String(r)),{_description:i(t,"description"),_label:r,_title:n.tree?r:void 0,_noCheckbox:i(t,"noCheckbox"),_single:i(t,"single"),_clear:i(t,"clear"),_icon:i(t,"icon"),_id:l.usePCId(ye)}}},allowNoValidKey:C})),y=(t,r=!1)=>t?v.value.filter(a=>{var u;if(r){const B=x.last(a._parentKeys??[]);return B&&B===t}return(u=a._parentKeys)==null?void 0:u.includes(t)}):[],L=t=>{var r;if((r=v.value)!=null&&r.length&&!l.isEmptyLikeLodash(t))return v.value.find(a=>a._key===t)},T=t=>{const r=L(t);return r&&(r._label||r._key)||t},te=t=>{const r=L(t);return r?r._single??!1:!1},Q=t=>t===void 0?!1:Array.isArray(s.value)?!!(t&&s.value.includes(t)):s.value===t,I=e.computed(()=>{var u,B;let t=[];const r=new Set,a=c=>{c!=null&&c._key&&!r.has(c._key)&&(t.push(x.cloneDeep(c)),r.add(c._key))};if(g.value?(v.value.forEach(c=>{var h,w;if(c._label&&c._label.toLowerCase().includes(g.value.toLowerCase())&&!r.has(c._key)){if(a(c),c._hasChildren&&y(c._key).forEach(a),(h=n.filterOptions)!=null&&h.strictNode)c._parentKeys&&c._parentKeys.forEach(d=>{if(!r.has(d)){const j=L(d);a(j)}});else if((w=c._parentKeys)!=null&&w.length){const d=Te.head(c._parentKeys);if(!l.isEmptyLikeLodash(d)){if(!r.has(d)){const H=L(d);a(H)}y(d).forEach(a)}}}}),t=t.sort((c,V)=>v.value.findIndex(h=>h._key===c._key)-v.value.findIndex(h=>h._key===V._key))):t=x.cloneDeep(v.value),n.sortSelectedItems&&!n.tree&&!l.isEmptyLikeLodash(s.value)){let c=x.cloneDeep(t);const V=c.filter(E=>Q(E._key)),h=Symbol("root"),w=Symbol("rootGroup"),d={},j=(E,A,P=1)=>{const q=c.splice(E,P);c.splice(A,0,...q)},H=E=>E?c.findIndex(A=>A._key===E):-1,ue=E=>{const A=d[E],P=H(A==null?void 0:A.key);return A!=null&&A.length?P+A.length+1:P+1};V.forEach(E=>{var A;if((A=E._parentKeys)!=null&&A.length){const P=Te.head(E._parentKeys);let q=H(P);const we=Math.max(ue(h),ue(w));if(q>we){const ce=y(P).length;j(q,we,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)j(ce,q+1);else{const pt=ue(P);j(ce,pt)}d[P]={length:void 0,key:E._key}}}else{const P=H(E._key),q=ue(h);P>q&&j(P,q),d[h]={key:E._key,length:E._hasChildren?y(E._key).length:void 0}}c=x.cloneDeep(c)}),t=c}if(!n.tree){const c=x.cloneDeep(t);for(let V=0;V<c.length-1;V++){const h=c[V],w=c[V+1];!w._divider&&(w._hasChildren||(u=h._parentKeys)!=null&&u.length&&!((B=w._parentKeys)!=null&&B.length))&&(c.splice(V+1,0,{_key:l.usePCId(_e),_divider:!0,_id:l.usePCId(_e)}),V++)}t=c}return t});F();const{getDisabled:W,getStatus:Be,getSize:D}=_.useFormInput(),X=e.computed(()=>{switch(D.value){case"sm":return"xsm";case"lg":return"md";case"md":default:return"sm"}}),ge=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},me=e.computed(()=>({get count(){return I.value.length},getScrollElement:()=>{var t;return(t=ae.value)==null?void 0:t.container.viewportElement},estimateSize:t=>{const r=I.value[t];if(!n.tree&&r){if(r._divider)return 1;if(r._label&&r._hasChildren)return 8+(oe[D.value]??oe.md);if(r._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 M,U;if(n.virtual){const{virtualizer:t,...r}=_.useVirtualScroll(me);M=t,U=r}const $e=e.computed(()=>{var t;return n.virtual?(((t=M==null?void 0:M.value)==null?void 0:t.getVirtualItems())??[]).map(r=>I.value[r.index]):I.value}),We=e.computed(()=>(U==null?void 0:U.containerStyles.value)??{}),{inputBindings:Ue,rootBindings:je,focused:He}=_.useInputDataStates({getDisabled:()=>W.value}),Y=e.ref(),fe=()=>{var t;if(m.value&&Y.value&&document.activeElement!==((t=Y.value)==null?void 0:t.input)){Y.value.input.style.pointerEvents="auto";const r=setTimeout(()=>{var a,u;(u=(a=Y.value)==null?void 0:a.focus)==null||u.call(a),clearTimeout(r)},100);Y.value.input.style.pointerEvents=""}},Se=e.computed(()=>!n.noValueOnPlaceholder&&(K.isArray(s.value)?s.value.length===1&&!l.isEmptyLikeLodash(s.value[0]):!l.isEmptyLikeLodash(s.value))),Je=e.computed(()=>{if(Se.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:Ee,itemMap:Xe,getItems:Pe}=_.useCollection({isProvider:!0,key:O}),Oe=()=>s.value?Array.isArray(s.value)?s.value:[s.value]:[],S=e.ref(),ve=t=>{S.value=t},Ie=t=>({"data-disabled":t._disabled?"":void 0,"data-highlighted":S.value===t._key?"":void 0}),le=e.ref(),Ve=(t,r)=>{var a,u;if(r&&((a=le.value)!=null&&a.onSelect)&&n.tree&&((u=le.value)==null||u.onSelect(t,!Q(t==null?void 0:t._key))),!(n.tree||!t||!t._key||t._disabled))if(n.multiple)if(t._clear)s.value=[],k("select",void 0,!1);else if(t._single)s.value=[t._key],k("select",t._key,!0,t);else{let B=K.isArray(s.value)?s.value:[];const c=B.includes(t._key);B.length===1&&te(B[0])&&t._key!==B[0]&&(B=[]),c?(s.value=B.filter(V=>V!==t._key),k("select",t._key,!0,t)):(s.value=[...B,t._key],k("select",t._key,!1,t))}else t._clear?(s.value=void 0,k("select",void 0,!1)):(s.value=t._key,k("select",t._key,!0,t))},{getDir:Ye}=bt.useConfig(),ie=Ye(),Le={props:n,emit:k,onKeyDown:t=>{var r,a,u,B,c,V;if(n.headerSearch||t.stopPropagation(),t.key==="Backspace"&&n.multiple&&K.isArray(s.value)&&l.isEmptyLikeLodash(b.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 h=Pe(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(h.length){const w=h.findIndex(d=>S.value&&d.value&&d.value===S.value);if(t.key==="ArrowDown"){const d=h[w+1];S.value=(d==null?void 0:d.value)??S.value??h[0].value}else if(t.key==="ArrowUp"){const d=h[w-1];S.value=(d==null?void 0:d.value)??h[0].value}(a=(r=h.find(d=>S.value&&d.value&&d.value===S.value))==null?void 0:r.ref)==null||a.scrollIntoView()}}else if(["ArrowLeft","ArrowRight"].includes(t.key)){const w=L(S.value);h.length&&le.value&&n.tree&&S.value&&w&&((u=R.value)!=null&&u.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"))&&((V=(c=le.value).onExpandKey)==null||V.call(c,w))}else t.key==="Enter"&&(h.length===1&&h[0].value&&S.value!==h[0].value&&(S.value=h[0].value),S.value&&Ve(L(S.value),!0),k("keydownEnter",t,b.value));t.key==="Escape"&&k("keydownEscape",t)}},searchModel:b,openModel:m,model:s,slots:f,valuePlaceholder:Se,placeholder:Je,getOptionByValue:L,isOptionSelected:Q,getLabelByValue:T,getSingleByValue:te,inputRef:Y,focusOnInput:fe,getDisabled:W,getStatus:Be,getSize:D,getTagSize:X,getIconSize:ge,comboboxInputBinding:Ue,comboboxTriggerBinding:je,comboboxInputFocused:He,selectOption:Ve,itemMap:Xe,getItems:Pe,highlightedOptionKey:S};Fe(Le),e.watch(()=>[n.clearOnChangeMultiple,n.multiple],()=>{n.clearOnChangeMultiple&&(s.value=void 0)});const Ze=e.computed(()=>({defaultExpandAll:!0,showLine:!0,disabled:W.value,selectionBehavior:"replace",...n.treeProps??{},size:D.value,flattenData:!0,outerVirtualScroll:!0,selectable:!0,focusable:!1,multiple:n.multiple,checkable:n.multiple&&n.checkbox,virtual:M,syncCheckboxAndSelect:n.multiple,data:I.value,modelValue:Oe(),checkedKeys:Oe(),class:l.getBemElement(O,"tree")})),et=e.computed(()=>{const t=n.scrollContainerProps??{};return{...t,areaCls:[l.getBemElement(O,"scroll_area"),t==null?void 0:t.class,t==null?void 0:t.areaCls],wrapProps:{...(t==null?void 0:t.wrapProps)??{},style:(U==null?void 0:U.scrollWrapperStyles.value)??{}}}}),ye=l.getBemElement(O,"popup"),tt=Me.cva(ye,{variants:{size:l.generateVariantClassList(xe,ye)}}),ot=e.computed(()=>l.getPxSize(n.popupWidth,!0)),nt=e.computed(()=>l.getPxSize(n.popupHeight,!0)),lt=e.computed(()=>l.getPxSize(n.minWidth,!0)),rt=()=>{var a,u;const t=(u=f.header)==null?void 0:u.call(f,{isEmpty:!((a=I.value)!=null&&a.length),search:b.value}),r=!_.isEmptyElement(t);if(r||n.headerSearch)return e.h("div",{class:l.getBemElement(O,"header")},r?t:e.h(de,n.headerSearchInputProps||{}))},at=()=>{var a,u;const t=(u=f.footer)==null?void 0:u.call(f,{isEmpty:!((a=I.value)!=null&&a.length),search:b.value});if(!_.isEmptyElement(t))return e.h("div",{class:l.getBemElement(O,"footer")},t)},st=()=>{var a;const t={type:D.value==="sm"?"simple":"advance",...x.omit(n.emptyProps??{},["class"]),class:l.normCls(l.getBemElement(O,"empty"),n.emptyCls)},r=(a=f.empty)==null?void 0:a.call(f,t);return _.isEmptyElement(r)?e.h(kt._sfc_main,t,{title:f.emptyTitle,description:f.emptyDescription,actions:f.emptyActions,image:f.emptyImage}):r},it=()=>{var a;const t=(a=f.loading)==null?void 0:a.call(f,{});return _.isEmptyElement(t)?new Array(I.value.length?2:n.loadingRowCount).fill(1).map(()=>e.h(ht._sfc_main,{size:D.value,class:l.normCls(l.getBemElement(O,"skeleton"),n.skeletonCls),...x.omit(n.skeletonProps??{},["class"])})):t},ut=(t,r,a)=>{const u=t._clear;if(n.multiple){const B=t._single;u?s.value=[]:B?s.value=[t._key]:s.value=a}else u||!r?s.value=void 0:s.value=t._key;k("select",t._key,r,t)},ct=t=>{t.key==="ArrowDown"&&!m.value?m.value=!0:t.key==="Tab"&&m.value&&(m.value=!1)};return n.disableOutsidePointerEvents&&_.useDisableBodyPointerEvents(m),o(Le),(t,r)=>(e.openBlock(),e.createBlock(e.unref(dt._sfc_main),e.mergeProps({open:e.unref(m),"onUpdate:open":r[2]||(r[2]=a=>e.isRef(m)?m.value=a:null)},$.value,{containerProps:{...t.containerProps??{},onClick:fe},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(l.normCls)(e.unref(tt)(n),t.popupCls),onKeydown:ct}),{default:e.withCtx(()=>[e.createVNode(xt)]),content:e.withCtx(()=>[e.createVNode(rt),e.createVNode(e.unref(Ct._sfc_main),e.mergeProps({ref_key:"scrollContainerRef",ref:ae},et.value),{default:e.withCtx(()=>[I.value.length||t.loading?(e.openBlock(),e.createBlock(e.unref(Qe),{key:0},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(O),"options"),t.optionsCls)),style:e.normalizeStyle(t.virtual?We.value:{}),onPointerleave:r[1]||(r[1]=a=>ve(void 0))},[t.tree?(e.openBlock(),e.createBlock(e.unref(he._sfc_main),e.mergeProps({key:0,ref_key:"treeRef",ref:le},Ze.value,{expandedKeys:e.unref(R),"onUpdate:expandedKeys":r[0]||(r[0]=a=>e.isRef(R)?R.value=a:null),onExpand:fe,onSelect:ut}),{default:e.withCtx(({items:a})=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a,u=>(e.openBlock(),e.createBlock(e.unref(Ee),{key:u._key,value:u._key,id:u._id},{default:e.withCtx(()=>[e.createVNode(e.unref(he._sfc_main$1),e.mergeProps({node:u},{ref_for:!0},Ie(u),{onPointermove:B=>ve(u._key),id:u._id}),{default:e.withCtx(()=>[e.createVNode(De,{option:u},null,8,["option"])]),_:2},1040,["node","onPointermove","id"])]),_:2},1032,["value","id"]))),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(_t._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(Ee),{key:2,value:a._key,id:a._id},{default:e.withCtx(()=>[e.createVNode(De,e.mergeProps({option:a},{ref_for:!0},Ie(a),{onPointermove:u=>ve(a._key),id:a._id}),null,16,["option","onPointermove","id"])]),_:2},1032,["value","id"]))],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(l.getBemElement)(e.unref(O),"lazy_loading"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l.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"]))}}),St=_.installComponent(Ge,l.getComponentName("Combobox")),Et=_.installComponent(de,l.getComponentName("ComboboxInput"));exports.Combobox=Ge;exports.ComboboxInput=de;exports.ComboboxInputPlugin=Et;exports.ComboboxPlugin=St;exports.ComboboxSizes=xe;exports.ComboboxStatuses=Ne;exports.injectComboboxContext=pe;exports.provideComboboxContext=Fe;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),Ce=require("reka-ui"),x=require("es-toolkit"),_=require("@pantograph/utils-vue"),l=require("@pantograph/utils"),dt=require("../index-CaXYyVxq.js"),Me=require("class-variance-authority");require("../Icon/index.umd.cjs");require("../Avatar/index.umd.cjs");require("../GraphicalObject/index.umd.cjs");const be=require("../Avatar.vue_vue_type_style_index_0_lang-DldQzFne.js"),gt=require("../GraphicalObjectGroup/index.umd.cjs"),mt=require("../index-SHgIzWWT.js"),ft=require("../Chip.vue_vue_type_style_index_0_lang-BgTLPRMz.js");require("../Input/index.umd.cjs");const Ae=require("@vueuse/core"),vt=require("../Input.vue_vue_type_script_setup_true_lang-DTTGUaRI.js"),ke=require("../Icon.vue_vue_type_style_index_0_lang-DOQsa_aO.js"),Re=require("../MenuItem.vue_vue_type_style_index_0_lang-DYhvQVbp.js"),K=require("../isArray-Bin_5of_.js"),qe=require("../GraphicalObject.vue_vue_type_script_setup_true_lang-mMrUHRm_.js");require("../ScrollContainer/index.umd.cjs");require("../Empty/index.umd.cjs");const he=require("../index-DBiL8Htz.js");require("../MenuItem/index.umd.cjs");require("../Checkbox/index.umd.cjs");const yt=require("../Checkbox.vue_vue_type_style_index_0_lang-BfiCl2A5.js"),ht=require("../Skeleton.vue_vue_type_style_index_0_lang-vZBJnVJj.js"),_t=require("../Divider.vue_vue_type_style_index_0_lang-D3wrVsBd.js"),ze=require("../index-4j_iV_pN.js"),bt=require("../ConfigProvider/index.umd.cjs"),Te=require("../head-Bg_QoIT5.js"),Ct=require("../ScrollContainer.vue_vue_type_style_index_0_lang-Br7-ZHr3.js"),kt=require("../Empty.vue_vue_type_style_index_0_lang-CRS28Wia.js"),[pe,Fe]=Ce.createContext("Combobox"),O=l.getBemBlock("combobox"),Ke=l.getBemModifier(O,"value-placeholder"),_e=l.getBemElement(O,"option"),xe=["sm","md","lg"],Ne=["error","warning","success"],de=e.defineComponent({...l.getComponentOptions("ComboboxInput"),__name:"ComboboxInput",props:{id:{},maxlength:{},type:{},placeholder:{},disabled:{type:Boolean,default:void 0},required:{type:Boolean},readonly:{type:Boolean},contentFit:{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();Ae.whenever(()=>n.openModel.value&&n.inputRef.value,n.focusOnInput),e.onBeforeUnmount(()=>{n.comboboxInputFocused.value=!1});const k=e.computed(()=>{const z=o.placeholder??n.props.placeholder??"";return(n.props.headerSearch?z:n.placeholder.value)??z}),F=l.getBemElement(O,"input");return(z,b)=>(e.openBlock(),e.createBlock(e.unref(vt._sfc_main),e.mergeProps({...e.unref(n).comboboxInputBinding.value,...o,disabled:e.unref(n).getDisabled.value||o.disabled},{placeholder:k.value,onKeydown:e.unref(n).onKeyDown,ref:e.unref(n).inputRef,class:e.unref(l.normCls)(e.unref(F),{[e.unref(Ke)]:e.unref(n).valuePlaceholder.value},o.class),contentFit:!e.unref(n).props.headerSearch&&e.unref(n).props.contentFit,modelValue:e.unref(n).searchModel.value,"onUpdate:modelValue":b[0]||(b[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(ke._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","contentFit","modelValue"]))}}),xt=e.defineComponent({...l.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"}}),k=e.computed(()=>{if(!o.props.multiple&&x.isString(o.model.value)&&!l.isEmptyLikeLodash(o.model.value))return o.getOptionByValue(o.model.value)}),F=(i=k.value)=>{if(o.props.selectedItemIconAsTrailingIcon&&(i!=null&&i._icon))return i._icon},z=e.computed(()=>F()),b=e.computed(()=>{if(!o.props.noTrailing)return o.props.trailingIcon??"tabler:chevron-down"}),g=e.computed(()=>{var v,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=(v=o.model.value).map)==null?void 0:y.call(v,o.getOptionByValue).filter(Boolean):void 0}}),m=i=>({...g.value,option:o.getOptionByValue(i)}),s=l.getBemElement(O,"trigger"),R=Me.cva(s,{variants:{size:l.generateVariantClassList(xe,s),headerSearch:l.generateVariantClassList("header-search",s),status:l.generateVariantClassList(Ne,s),bordered:l.generateVariantClassList("bordered",s),multiple:l.generateVariantClassList("multiple",s),contentFit:l.generateVariantClassList("content-fit",s),wrapped:l.generateVariantClassList("wrapped",s),filled:l.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:l.normCls(R({size:o.getSize.value,status:o.getStatus.value==="success"&&l.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:!l.isEmptyLikeLodash(o.model.value),headerSearch:o.props.headerSearch}),o.props.triggerCls),...o.comboboxTriggerBinding.value})),f=(i,C=n.value)=>e.h(ke._sfc_main,{icon:i,size:C}),J=()=>{var v,y;let i;const C=(y=(v=o.slots).triggerTrailing)==null?void 0:y.call(v,g.value);if(!_.isEmptyElement(C))i=C;else if(b.value&&b.value){const L=b.value===!0?"tabler:chevron-down":b.value;i=f(L)}if(i)return e.h("div",{class:l.normCls(l.getBemElement(s,"trailing"),o.props.triggerTrailingCls)},i)},$=i=>{var v,y;const C=o.getOptionByValue(i)??{_key:i};return e.h(be._sfc_main,{size:o.getTagSize.value,...C?((y=(v=o.props).getTagProps)==null?void 0:y.call(v,C))??{}:{}})},Z=i=>{var v,y;const C=o.getOptionByValue(i)??{_key:i};return e.h(qe._sfc_main,{...C?((y=(v=o.props).getTagProps)==null?void 0:y.call(v,C))??{}:{},size:o.getTagSize.value})},re=()=>{var i,C;if(!o.props.multiple&&!K.isArray(o.model.value)&&o.model.value){let v;x.isString(o.model.value)&&!l.isEmptyLikeLodash(o.model.value)&&(v=o.model.value);const y=v?(C=(i=o.slots).optionLeading)==null?void 0:C.call(i,Re.getMenuContentSlotProps(o.props.size,m(v))):null,L=!_.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=f(z.value):o.props.leadingIcon&&(T=f(o.props.leadingIcon)),!_.isEmptyElement(T))return e.h("div",{class:l.normCls(l.getBemElement(s,"leading"),o.props.triggerLeadingCls)},T)}}},ee=()=>{var te,Q;const i=(Q=(te=o.slots).trigger)==null?void 0:Q.call(te,g.value);if(!_.isEmptyElement(i))return e.h(Ce.Slot,x.omit(N.value,["class"]),()=>i);const v=()=>{const I=[],W=[l.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(be._sfc_main$1,{maxCount:o.props.maxCount,size:o.getTagSize.value,closeable:!o.getDisabled.value,noPopover:!0,noWrap:!o.props.wrapped,class:W},()=>o.model.value.map($));if(o.props.tagRenderMode==="go")return e.h(gt.GraphicalObjectGroup,{maxCount:o.props.maxCount,size:o.getTagSize.value,closeable:!o.getDisabled.value,noPopover:!0,noWrap:!o.props.wrapped,class:W},()=>o.model.value.map(Z));if(o.props.tagRenderMode==="chip")return e.h(mt._sfc_main,{maxCount:o.props.maxCount,size:o.getTagSize.value,color:"primary",closeable:!o.getDisabled.value,noPopover:!0,noWrap:!o.props.wrapped,class:W,onClose:p},()=>o.model.value.map(X=>{var oe,ne;const ge=()=>o.getLabelByValue(X),ae=({size:me})=>{const M=F(o.getOptionByValue(X))??o.props.leadingIcon;return M?f(M,me):null},se=o.getOptionByValue(X);return e.h(ft._sfc_main,{...se?((ne=(oe=o.props).getTagProps)==null?void 0:ne.call(oe,se))??{}:{},value:X,class:l.normCls(l.getBemElement(s,"tag"),o.props.tagCls),closeIconCls:l.getBemElement(s,"tag__close")},{text:ge,leading:ae})}))}})();if(D&&I.push(D),o.props.headerSearch?(!o.props.noValueOnPlaceholder||o.props.placeholder)&&I.push(e.h("div",{class:l.normCls(l.getBemElement(s,"content__value"),{[Ke]:o.valuePlaceholder.value})},o.placeholder.value??o.props.placeholder)):I.push(e.h(de,{noValueOnPlaceholder:o.props.noValueOnPlaceholder,searchIcon:!1,bordered:!1,simple:!0})),!_.isEmptyElement(I)||!o.props.contentFit||o.props.trailingIcon)return e.h("div",{class:l.getBemElement(s,"content")},I)},y=[],L=re();_.isEmptyElement(L)||y.push(L),y.push(v());const T=J();return _.isEmptyElement(T)||y.push(T),e.h("button",N.value,y)};return(i,C)=>(e.openBlock(),e.createBlock(ee))}}),De=e.defineComponent({...l.getComponentOptions("ComboboxOption"),__name:"ComboboxOption",props:{option:{}},setup(G){const o=G,p=pe(),n=e.computed(()=>p.isOptionSelected(o.option._key)),k=b=>{var s,R,N,f,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:b.checkboxSize,disabled:o.option._disabled||p.getDisabled.value}));const m=(R=(s=p.slots).optionLeading)==null?void 0:R.call(s,{...b,option:o.option});return _.isEmptyElement(m)?p.props.tagRenderMode==="avatar"&&p.props.showTriggerTagOnOption?g.push(e.h(be._sfc_main,{size:b.avatarSize,...((f=(N=p.props).getTagProps)==null?void 0:f.call(N,o.option))??{}})):p.props.tagRenderMode==="go"&&p.props.showTriggerTagOnOption?g.push(e.h(qe._sfc_main,{size:b.iconSize,...(($=(J=p.props).getTagProps)==null?void 0:$.call(J,o.option))??{}})):o.option._icon&&g.push(e.h(ke._sfc_main,{icon:o.option._icon,size:p.getIconSize.value})):g.push(m),_.isEmptyElement(g)?null:g},F=e.useAttrs(),z=()=>{const b=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(Re._sfc_main$1,{unExtendParent:!0,class:l.getBemElement(O,"option"),unFocusable:!0,staticStyle:p.props.tree,description:b,title:o.option._label,key:o.option._key,selected:n.value,leadingCenter:!!b,size:p.getSize.value,disabled:p.props.tree?!1:o.option._disabled||p.getDisabled.value,onClick:()=>p.selectOption(o.option),slotProps:o,...g,...F},{leading:k,trailing:p.slots.optionTrailing,title:p.slots.optionTitle,description:p.slots.optionDescription})};return(b,g)=>(e.openBlock(),e.createBlock(z))}}),Bt=e.defineComponent({...l.getComponentOptions("ComboboxLabel"),__name:"ComboboxLabel",props:{label:{}},setup(G){return(o,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(l.getBemElement)(e.unref(O),"label"))},e.toDisplayString(o.label),3))}}),Ge=e.defineComponent({...l.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:{},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,k=p,F=()=>{var t,r;n.tree&&(((t=n.filterOptions)==null?void 0:t.expandParent)==="collapse"?N([]):((r=n.filterOptions)==null?void 0:r.expandParent)==="expand"&&N(I.value.filter(a=>a._hasChildren).map(a=>a._key)))},z=x.debounce(t=>{k("search",t),F()},500),b=_.useVModel(n,"search",k,{passive:n.search===void 0,onChange:z}),g=Ae.refDebounced(b,500),m=_.useVModel(n,"open",k,{defaultValue:n.defaultOpen,passive:n.open===void 0,onChange(t){!t&&n.resetSearchTermOnBlur&&(b.value=void 0)}}),s=_.useVModel(n,"modelValue",k,{passive:n.modelValue===void 0,onChange:()=>{var t,r;m.value&&!n.multiple&&(m.value=!1),M!=null&&M.value&&n.sortSelectedItems&&((r=(t=M==null?void 0:M.value)==null?void 0:t.measure)==null||r.call(t))}}),R=_.useVModel(n,"expandedKeys",k,{passive:n.expandedKeys===void 0}),N=x.debounce(t=>{R.value=t},500,{edges:["leading"]}),f=e.useSlots(),J=Ce.useEmitAsProps(k),$=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();_.useLazyLoading({target:Z});const re=l.createOptionGetterFunc({key:"value",getter:n.getValue}),ee={getDisabled:l.createOptionGetterFunc({key:"disabled",getter:n.getDisabled,noReturnOption:!0,defaultValue:!1}),getDescription:l.createOptionGetterFunc({key:"description",getter:n.getDescription,noReturnOption:!0}),getValue:re,getLabel:l.createOptionGetterFunc({key:"label",getter:n.getLabel,noReturnOption:!0,defaultValue:re}),getNoCheckbox:l.createOptionGetterFunc({key:"noCheckbox",getter:n.getNoCheckbox,noReturnOption:!0,defaultValue:!1}),getSingle:l.createOptionGetterFunc({key:"single",getter:n.getSingle,noReturnOption:!0,defaultValue:!1}),getClear:l.createOptionGetterFunc({key:"clear",getter:n.getClear,noReturnOption:!0,defaultValue:!1}),getOptions:l.createOptionGetterFunc({key:"options",getter:n.getOptions,noReturnOption:!0}),getIcon:l.createOptionGetterFunc({key:"icon",getter:n.getIcon,noReturnOption:!0})},i=(t,r)=>{var u;const a=`get${r[0].toUpperCase()+r.slice(1)}`;return(u=ee[a])==null?void 0:u.call(ee,t)},C=(t,r,a)=>!!(!n.tree&&!(r!=null&&r.length)&&(a!=null&&a.length)),v=e.computed(()=>he.flattenByParentKeys({getValue:(t,r,a)=>{const u=i(t,"value");return l.isEmptyLikeLodash(u)&&C(t,r,a)?l.usePCId(_e):u},getDisabled:t=>i(t,"disabled"),arr:n.options??[],getChildren:(t,r)=>{if(!(r!=null&&r.length&&!n.tree))return i(t,"options")},getExtra:t=>{if(t){let r=i(t,"label");return l.isEmptyLikeLodash(r)||(r=String(r)),{_description:i(t,"description"),_label:r,_title:n.tree?r:void 0,_noCheckbox:i(t,"noCheckbox"),_single:i(t,"single"),_clear:i(t,"clear"),_icon:i(t,"icon"),_id:l.usePCId(ye)}}},allowNoValidKey:C})),y=(t,r=!1)=>t?v.value.filter(a=>{var u;if(r){const B=x.last(a._parentKeys??[]);return B&&B===t}return(u=a._parentKeys)==null?void 0:u.includes(t)}):[],L=t=>{var r;if((r=v.value)!=null&&r.length&&!l.isEmptyLikeLodash(t))return v.value.find(a=>a._key===t)},T=t=>{const r=L(t);return r&&(r._label||r._key)||t},te=t=>{const r=L(t);return r?r._single??!1:!1},Q=t=>t===void 0?!1:Array.isArray(s.value)?!!(t&&s.value.includes(t)):s.value===t,I=e.computed(()=>{var u,B;let t=[];const r=new Set,a=c=>{c!=null&&c._key&&!r.has(c._key)&&(t.push(x.cloneDeep(c)),r.add(c._key))};if(g.value?(v.value.forEach(c=>{var h,w;if(c._label&&c._label.toLowerCase().includes(g.value.toLowerCase())&&!r.has(c._key)){if(a(c),c._hasChildren&&y(c._key).forEach(a),(h=n.filterOptions)!=null&&h.strictNode)c._parentKeys&&c._parentKeys.forEach(d=>{if(!r.has(d)){const j=L(d);a(j)}});else if((w=c._parentKeys)!=null&&w.length){const d=Te.head(c._parentKeys);if(!l.isEmptyLikeLodash(d)){if(!r.has(d)){const H=L(d);a(H)}y(d).forEach(a)}}}}),t=t.sort((c,V)=>v.value.findIndex(h=>h._key===c._key)-v.value.findIndex(h=>h._key===V._key))):t=x.cloneDeep(v.value),n.sortSelectedItems&&!n.tree&&!l.isEmptyLikeLodash(s.value)){let c=x.cloneDeep(t);const V=c.filter(E=>Q(E._key)),h=Symbol("root"),w=Symbol("rootGroup"),d={},j=(E,A,P=1)=>{const q=c.splice(E,P);c.splice(A,0,...q)},H=E=>E?c.findIndex(A=>A._key===E):-1,ue=E=>{const A=d[E],P=H(A==null?void 0:A.key);return A!=null&&A.length?P+A.length+1:P+1};V.forEach(E=>{var A;if((A=E._parentKeys)!=null&&A.length){const P=Te.head(E._parentKeys);let q=H(P);const we=Math.max(ue(h),ue(w));if(q>we){const ce=y(P).length;j(q,we,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)j(ce,q+1);else{const pt=ue(P);j(ce,pt)}d[P]={length:void 0,key:E._key}}}else{const P=H(E._key),q=ue(h);P>q&&j(P,q),d[h]={key:E._key,length:E._hasChildren?y(E._key).length:void 0}}c=x.cloneDeep(c)}),t=c}if(!n.tree){const c=x.cloneDeep(t);for(let V=0;V<c.length-1;V++){const h=c[V],w=c[V+1];!w._divider&&(w._hasChildren||(u=h._parentKeys)!=null&&u.length&&!((B=w._parentKeys)!=null&&B.length))&&(c.splice(V+1,0,{_key:l.usePCId(_e),_divider:!0,_id:l.usePCId(_e)}),V++)}t=c}return t});F();const{getDisabled:W,getStatus:Be,getSize:D}=_.useFormInput({defaults:{size:"md"},exports:["getDisabled","getSize","getStatus"]}),X=e.computed(()=>{switch(D.value){case"sm":return"xsm";case"lg":return"md";case"md":default:return"sm"}}),ge=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},me=e.computed(()=>({get count(){return I.value.length},getScrollElement:()=>{var t;return(t=ae.value)==null?void 0:t.container.viewportElement},estimateSize:t=>{const r=I.value[t];if(!n.tree&&r){if(r._divider)return 1;if(r._label&&r._hasChildren)return 8+(oe[D.value]??oe.md);if(r._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 M,U;if(n.virtual){const{virtualizer:t,...r}=_.useVirtualScroll(me);M=t,U=r}const $e=e.computed(()=>{var t;return n.virtual?(((t=M==null?void 0:M.value)==null?void 0:t.getVirtualItems())??[]).map(r=>I.value[r.index]):I.value}),We=e.computed(()=>(U==null?void 0:U.containerStyles.value)??{}),{inputBindings:Ue,rootBindings:je,focused:He}=_.useInputDataStates({getDisabled:()=>W.value}),Y=e.ref(),fe=()=>{var t;if(m.value&&Y.value&&document.activeElement!==((t=Y.value)==null?void 0:t.input)){Y.value.input.style.pointerEvents="auto";const r=setTimeout(()=>{var a,u;(u=(a=Y.value)==null?void 0:a.focus)==null||u.call(a),clearTimeout(r)},100);Y.value.input.style.pointerEvents=""}},Se=e.computed(()=>!n.noValueOnPlaceholder&&(K.isArray(s.value)?s.value.length===1&&!l.isEmptyLikeLodash(s.value[0]):!l.isEmptyLikeLodash(s.value))),Je=e.computed(()=>{if(Se.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:Ee,itemMap:Xe,getItems:Pe}=_.useCollection({isProvider:!0,key:O}),Oe=()=>s.value?Array.isArray(s.value)?s.value:[s.value]:[],S=e.ref(),ve=t=>{S.value=t},Ie=t=>({"data-disabled":t._disabled?"":void 0,"data-highlighted":S.value===t._key?"":void 0}),le=e.ref(),Ve=(t,r)=>{var a,u;if(r&&((a=le.value)!=null&&a.onSelect)&&n.tree&&((u=le.value)==null||u.onSelect(t,!Q(t==null?void 0:t._key))),!(n.tree||!t||!t._key||t._disabled))if(n.multiple)if(t._clear)s.value=[],k("select",void 0,!1);else if(t._single)s.value=[t._key],k("select",t._key,!0,t);else{let B=K.isArray(s.value)?s.value:[];const c=B.includes(t._key);B.length===1&&te(B[0])&&t._key!==B[0]&&(B=[]),c?(s.value=B.filter(V=>V!==t._key),k("select",t._key,!0,t)):(s.value=[...B,t._key],k("select",t._key,!1,t))}else t._clear?(s.value=void 0,k("select",void 0,!1)):(s.value=t._key,k("select",t._key,!0,t))},{getDir:Ye}=bt.useConfig(),ie=Ye(),Le={props:n,emit:k,onKeyDown:t=>{var r,a,u,B,c,V;if(n.headerSearch||t.stopPropagation(),t.key==="Backspace"&&n.multiple&&K.isArray(s.value)&&l.isEmptyLikeLodash(b.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 h=Pe(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(h.length){const w=h.findIndex(d=>S.value&&d.value&&d.value===S.value);if(t.key==="ArrowDown"){const d=h[w+1];S.value=(d==null?void 0:d.value)??S.value??h[0].value}else if(t.key==="ArrowUp"){const d=h[w-1];S.value=(d==null?void 0:d.value)??h[0].value}(a=(r=h.find(d=>S.value&&d.value&&d.value===S.value))==null?void 0:r.ref)==null||a.scrollIntoView()}}else if(["ArrowLeft","ArrowRight"].includes(t.key)){const w=L(S.value);h.length&&le.value&&n.tree&&S.value&&w&&((u=R.value)!=null&&u.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"))&&((V=(c=le.value).onExpandKey)==null||V.call(c,w))}else t.key==="Enter"&&(h.length===1&&h[0].value&&S.value!==h[0].value&&(S.value=h[0].value),S.value&&Ve(L(S.value),!0),k("keydownEnter",t,b.value));t.key==="Escape"&&k("keydownEscape",t)}},searchModel:b,openModel:m,model:s,slots:f,valuePlaceholder:Se,placeholder:Je,getOptionByValue:L,isOptionSelected:Q,getLabelByValue:T,getSingleByValue:te,inputRef:Y,focusOnInput:fe,getDisabled:W,getStatus:Be,getSize:D,getTagSize:X,getIconSize:ge,comboboxInputBinding:Ue,comboboxTriggerBinding:je,comboboxInputFocused:He,selectOption:Ve,itemMap:Xe,getItems:Pe,highlightedOptionKey:S};Fe(Le),e.watch(()=>[n.clearOnChangeMultiple,n.multiple],()=>{n.clearOnChangeMultiple&&(s.value=void 0)});const Ze=e.computed(()=>({defaultExpandAll:!0,showLine:!0,disabled:W.value,selectionBehavior:"replace",...n.treeProps??{},size:D.value,flattenData:!0,outerVirtualScroll:!0,selectable:!0,focusable:!1,multiple:n.multiple,checkable:n.multiple&&n.checkbox,virtual:M,syncCheckboxAndSelect:n.multiple,data:I.value,modelValue:Oe(),checkedKeys:Oe(),class:l.getBemElement(O,"tree")})),et=e.computed(()=>{const t=n.scrollContainerProps??{};return{...t,areaCls:[l.getBemElement(O,"scroll_area"),t==null?void 0:t.class,t==null?void 0:t.areaCls],wrapProps:{...(t==null?void 0:t.wrapProps)??{},style:(U==null?void 0:U.scrollWrapperStyles.value)??{}}}}),ye=l.getBemElement(O,"popup"),tt=Me.cva(ye,{variants:{size:l.generateVariantClassList(xe,ye)}}),ot=e.computed(()=>l.getPxSize(n.popupWidth,!0)),nt=e.computed(()=>l.getPxSize(n.popupHeight,!0)),lt=e.computed(()=>l.getPxSize(n.minWidth,!0)),rt=()=>{var a,u;const t=(u=f.header)==null?void 0:u.call(f,{isEmpty:!((a=I.value)!=null&&a.length),search:b.value}),r=!_.isEmptyElement(t);if(r||n.headerSearch)return e.h("div",{class:l.getBemElement(O,"header")},r?t:e.h(de,n.headerSearchInputProps||{}))},at=()=>{var a,u;const t=(u=f.footer)==null?void 0:u.call(f,{isEmpty:!((a=I.value)!=null&&a.length),search:b.value});if(!_.isEmptyElement(t))return e.h("div",{class:l.getBemElement(O,"footer")},t)},st=()=>{var a;const t={type:D.value==="sm"?"simple":"advance",...x.omit(n.emptyProps??{},["class"]),class:l.normCls(l.getBemElement(O,"empty"),n.emptyCls)},r=(a=f.empty)==null?void 0:a.call(f,t);return _.isEmptyElement(r)?e.h(kt._sfc_main,t,{title:f.emptyTitle,description:f.emptyDescription,actions:f.emptyActions,image:f.emptyImage}):r},it=()=>{var a;const t=(a=f.loading)==null?void 0:a.call(f,{});return _.isEmptyElement(t)?new Array(I.value.length?2:n.loadingRowCount).fill(1).map(()=>e.h(ht._sfc_main,{size:D.value,class:l.normCls(l.getBemElement(O,"skeleton"),n.skeletonCls),...x.omit(n.skeletonProps??{},["class"])})):t},ut=(t,r,a)=>{const u=t._clear;if(n.multiple){const B=t._single;u?s.value=[]:B?s.value=[t._key]:s.value=a}else u||!r?s.value=void 0:s.value=t._key;k("select",t._key,r,t)},ct=t=>{t.key==="ArrowDown"&&!m.value?m.value=!0:t.key==="Tab"&&m.value&&(m.value=!1)};return n.disableOutsidePointerEvents&&_.useDisableBodyPointerEvents(m),o(Le),(t,r)=>(e.openBlock(),e.createBlock(e.unref(dt._sfc_main),e.mergeProps({open:e.unref(m),"onUpdate:open":r[2]||(r[2]=a=>e.isRef(m)?m.value=a:null)},$.value,{containerProps:{...t.containerProps??{},onClick:fe},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(l.normCls)(e.unref(tt)(n),t.popupCls),onKeydown:ct}),{default:e.withCtx(()=>[e.createVNode(xt)]),content:e.withCtx(()=>[e.createVNode(rt),e.createVNode(e.unref(Ct._sfc_main),e.mergeProps({ref_key:"scrollContainerRef",ref:ae},et.value),{default:e.withCtx(()=>[I.value.length||t.loading?(e.openBlock(),e.createBlock(e.unref(Qe),{key:0},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(O),"options"),t.optionsCls)),style:e.normalizeStyle(t.virtual?We.value:{}),onPointerleave:r[1]||(r[1]=a=>ve(void 0))},[t.tree?(e.openBlock(),e.createBlock(e.unref(he._sfc_main),e.mergeProps({key:0,ref_key:"treeRef",ref:le},Ze.value,{expandedKeys:e.unref(R),"onUpdate:expandedKeys":r[0]||(r[0]=a=>e.isRef(R)?R.value=a:null),onExpand:fe,onSelect:ut}),{default:e.withCtx(({items:a})=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a,u=>(e.openBlock(),e.createBlock(e.unref(Ee),{key:u._key,value:u._key,id:u._id},{default:e.withCtx(()=>[e.createVNode(e.unref(he._sfc_main$1),e.mergeProps({node:u},{ref_for:!0},Ie(u),{onPointermove:B=>ve(u._key),id:u._id}),{default:e.withCtx(()=>[e.createVNode(De,{option:u},null,8,["option"])]),_:2},1040,["node","onPointermove","id"])]),_:2},1032,["value","id"]))),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(_t._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(Ee),{key:2,value:a._key,id:a._id},{default:e.withCtx(()=>[e.createVNode(De,e.mergeProps({option:a},{ref_for:!0},Ie(a),{onPointermove:u=>ve(a._key),id:a._id}),null,16,["option","onPointermove","id"])]),_:2},1032,["value","id"]))],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(l.getBemElement)(e.unref(O),"lazy_loading"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l.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"]))}}),St=_.installComponent(Ge,l.getComponentName("Combobox")),Et=_.installComponent(de,l.getComponentName("ComboboxInput"));exports.Combobox=Ge;exports.ComboboxInput=de;exports.ComboboxInputPlugin=Et;exports.ComboboxPlugin=St;exports.ComboboxSizes=xe;exports.ComboboxStatuses=Ne;exports.injectComboboxContext=pe;exports.provideComboboxContext=Fe;