@pantograph/vue 0.27.9 → 0.28.0

package/dist/Combobox/types.d.ts

@@ -33,7 +33,7 @@ export type ComboboxFlattenOptionType = FlattenItem & {
     _noCheckbox?: boolean;
     _divider?: boolean;
 };
-export interface ComboboxProps extends Partial<Pick<PopoverProps, 'placement' | 'containerProps' | 'reversePlacementOnDir' | 'open' | 'defaultOpen' | 'zIndex' | 'to' | 'sideOffset' | 'alignOffset' | 'reference' | 'prioritizePosition' | 'avoidCollisions' | 'dir'>> {
+export interface ComboboxProps extends Partial<Pick<PopoverProps, 'placement' | 'containerProps' | 'reversePlacementOnDir' | 'open' | 'defaultOpen' | 'zIndex' | 'to' | 'sideOffset' | 'alignOffset' | 'reference' | 'prioritizePosition' | 'avoidCollisions' | 'dir' | 'noTrigger'>> {
     modelValue?: string | string[];
     defaultValue?: string | string[];
     multiple?: boolean;
@@ -72,7 +72,7 @@ export interface ComboboxProps extends Partial<Pick<PopoverProps, 'placement' |
     getOptions?: OptionGetter<ComboboxOptionType[]>;
     getIcon?: OptionGetter;
     loading?: boolean;
-    skeletonProps?: SkeletonProps;
+    skeletonProps?: SkeletonProps & Record<string, any>;
     loadingRowCount?: number;
     lazyLoading?: boolean;
     bordered?: boolean;
@@ -105,7 +105,6 @@ export interface ComboboxProps extends Partial<Pick<PopoverProps, 'placement' |
         strictNode?: boolean;
     };
     expandedKeys?: TreeProps['expandedKeys'];
-    noTrigger?: boolean;
     headerSearch?: boolean;
     headerSearchInputProps?: ComboboxInputProps;
     virtual?: boolean;
@@ -116,6 +115,8 @@ export interface ComboboxProps extends Partial<Pick<PopoverProps, 'placement' |
 export interface ComboboxEmits extends PopoverEmits {
     'update:modelValue': [value: string | string[]];
     'update:expandedKeys': TreeEmits['update:expandedKeys'];
+    keydownEnter: [value: KeyboardEvent];
+    keydownEscape: [value: KeyboardEvent];
     'update:search': [value?: string | null];
     fetch: [];
     search: [value?: string | null];
@@ -136,8 +137,8 @@ export interface ComboboxTriggerDefSlotProps {
     options?: ComboboxFlattenOptionType[];
 }
 export interface ComboboxSlots {
-    trigger?: (data: ComboboxTriggerDefSlotProps) => never;
-    triggerTrailing?: (data: ComboboxTriggerDefSlotProps) => never;
+    trigger?: (data: Omit<ComboboxTriggerDefSlotProps, 'option'>) => never;
+    triggerTrailing?: (data: Omit<ComboboxTriggerDefSlotProps, 'option'>) => never;
     empty?: (data?: object) => never;
     loading?: (data?: object) => never;
     header?: (data?: {

package/dist/Combobox.vue_vue_type_style_index_0_lang-CFQPY_5A.js

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