@pantograph/vue 0.23.28 → 0.23.29

package/dist/Combobox/index.js

@@ -1,4 +1,4 @@
-import { _ as s, C as t, a as x, i as C, p as a } from "../Combobox.vue_vue_type_style_index_0_lang-DXKRCrNG.js";
+import { _ as s, C as t, a as x, i as C, p as a } from "../Combobox.vue_vue_type_style_index_0_lang-df7DmwEg.js";
 export {
   s as Combobox,
   t as ComboboxSizes,

package/dist/Combobox/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../Combobox.vue_vue_type_style_index_0_lang-CN8YBSRI.js");exports.Combobox=o._sfc_main;exports.ComboboxSizes=o.ComboboxSizes;exports.ComboboxStatuses=o.ComboboxStatuses;exports.injectComboboxContext=o.injectComboboxContext;exports.provideComboboxContext=o.provideComboboxContext;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../Combobox.vue_vue_type_style_index_0_lang-CWAXwhx0.js");exports.Combobox=o._sfc_main;exports.ComboboxSizes=o.ComboboxSizes;exports.ComboboxStatuses=o.ComboboxStatuses;exports.injectComboboxContext=o.injectComboboxContext;exports.provideComboboxContext=o.provideComboboxContext;

package/dist/Combobox.vue_vue_type_style_index_0_lang-CWAXwhx0.js

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),U=require("reka-ui"),G=require("./FormItem.vue_vue_type_style_index_0_lang-Bo3o8_6v.js"),ge=require("./options-CWrQ7gsa.js"),p=require("@pantograph/utils"),y=require("./index-DWw7aruo.js"),be=require("class-variance-authority"),de=require("./omit-CYbreqlf.js"),qe=require("./Empty.vue_vue_type_style_index_0_lang-DidQV2p4.js"),Ae=require("./Skeleton.vue_vue_type_style_index_0_lang-CWNX_-Jl.js"),_e=require("./Divider.vue_vue_type_style_index_0_lang-DoEWjJx6.js"),M=require("./element-BjE0SVc4.js"),Oe=require("./useInputDataStates-D1X-Whwt.js"),Ne=require("./useLazyLoading-H6VG5aE-.js"),Ee=require("./Popover.vue_vue_type_style_index_0_lang-txLoIoSw.js"),Ke=require("./ScrollContainer.vue_vue_type_style_index_0_lang-BIoD2_5T.js"),Re=require("./Tree.vue_vue_type_style_index_0_lang-26mqYWer.js"),Pe=require("./uniq-DGkyiyS4.js"),ne=require("./isEmpty-bCllo8T9.js"),Fe=require("./Chip.vue_vue_type_style_index_0_lang-CtgInoR3.js"),We=require("./ChipGroup.vue_vue_type_style_index_0_lang-BVwWqy-3.js"),Ce=require("./Icon.vue_vue_type_style_index_0_lang-D3cRtJNJ.js"),ye=require("./Avatar.vue_vue_type_style_index_0_lang-CLZz5CmG.js"),Ge=require("./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-CDFDVi-0.js"),Ie=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-BZ5qLbnJ.js"),je=require("./Input.vue_vue_type_style_index_0_lang-CWW5TIRh.js"),Le=require("@vueuse/core"),Ue=require("lodash-es"),He=require("./MenuItem.vue_vue_type_style_index_0_lang-CYOdJYFY.js");require("@iconify/vue");const $e=require("./Checkbox.vue_vue_type_style_index_0_lang-Bz-fwglK.js");require("@pantograph/tokens");const[me,Te]=U.createContext("Combobox"),[Ye,Je]=U.createContext("_Combobox"),w=p.getBemBlock("combobox");var Qe=1/0;function Xe(c){var n=c==null?0:c.length;return n?de.baseFlatten(c,Qe):[]}const ce=c=>G.isNumber(c)||y.isString(c);function Ze({getValue:c,arr:n,getChildren:o}){const e=[],d=(i,E)=>{i.forEach(I=>{const B=c(I);if(ce(B)){e.push({...I,_parentKeys:E,_key:B});const b=o(I);b!=null&&b.length&&d(b,[...E??[],B])}})};return d(n),e}const et=({getData:c,getModel:n,getValue:o,getChildren:e})=>{const d=t.computed(()=>Ze({arr:t.unref(c()),getChildren:e,getValue:o})),i=(a,f=!1)=>{const g=o(a);return d.value.filter(s=>{var S;if(f){const x=de.last(s._parentKeys??[]);return x&&x===g}return(S=s._parentKeys)==null?void 0:S.includes(g)})},E=a=>{if(a&&y.isArray(a))return G.cloneDeep(a);const f=t.unref(n());return f&&y.isArray(f)?G.cloneDeep(f):[]},I=(a,f)=>{const g=E(f),s=i(a);if(s!=null&&s.length)return s.some(S=>{var l;const x=S._key;return x&&((l=g==null?void 0:g.includes)==null?void 0:l.call(g,x))})},B=(a,f)=>{const g=E(f),s=i(a);if(s!=null&&s.length)return s.every(S=>{var l;const x=S._key;return x&&((l=g==null?void 0:g.includes)==null?void 0:l.call(g,x))})},b=(a,f)=>{const g=E(f),s=i(a),S=o(a);return s!=null&&s.length?B(a)?!0:I(a)?"intermediate":!1:g.includes(S)},q=a=>ce(a)?d.value.find(f=>f._key===a):void 0;return{flattenData:d,getNodeChildren:i,isSomeChildrenSelected:I,isAllChildrenSelected:B,isSelected:b,selectValues:(a,f)=>{if(a.length){let g=E();const s=a.filter(ce);f?g.push(...s):g=g.filter(v=>!s.includes(v));const S=g.map(q).filter(v=>v&&v._parentKeys),l=Pe.uniq(Xe(S.map(v=>v._parentKeys))).filter(ce).map(q).filter(Boolean),V=[],L=[];return l.forEach(v=>{const j=o(v);B(v,g)?V.push(j):L.push(j)}),g.push(...V),Pe.uniq(g.filter(v=>!L.includes(v)))}}}},xe=["sm","md","lg"],ze=["error","warning","success"],tt={key:1},De=t.defineComponent({__name:"ComboboxInput",setup(c){const n=me();Le.whenever(()=>n.open.value&&n.headerInputElement.value,()=>{n.headerInputElement.value&&n.open.value&&n.focusOnInput()});const o=t.computed(()=>!ne.isEmpty(n.modelValue.value)),e=t.computed(()=>{if(o.value){if(n.props.multiple&&y.isArray(n.modelValue.value)&&!n.props.noLastValueOnPlaceholder)return n.getLabelByValue(Ue.last(n.modelValue.value));if(!n.props.multiple&&!y.isArray(n.modelValue.value))return n.getLabelByValue(n.modelValue.value)}return n.props.placeholder??""}),d=I=>{if(I.key==="Backspace"&&n.props.multiple&&y.isArray(n.modelValue.value)&&ne.isEmpty(n.searchModel.value)&&(n.setModelValue(n.modelValue.value.slice(0,-1)),ne.isEmpty(n.modelValue.value))){const B=setTimeout(()=>{n.focusOnInput(),clearTimeout(B)},2)}},i=p.getBemElement(w,"input"),E=be.cva(i,{variants:{valuePlaceholder:p.generateVariantClassList("value-placeholder",i)}});return(I,B)=>(t.openBlock(),t.createBlock(t.unref(U.ComboboxInput),t.mergeProps(t.unref(n).comboboxInputBinding.value,{disabled:t.unref(n).getDisabled.value,placeholder:e.value,"as-child":"",modelValue:t.unref(n).searchModel.value,"onUpdate:modelValue":B[0]||(B[0]=b=>t.unref(n).searchModel.value=b),onKeydown:d,class:t.unref(E)({valuePlaceholder:o.value}),displayValue:()=>""}),{default:t.withCtx(()=>[t.unref(n).props.headerSearch?(t.openBlock(),t.createBlock(je._sfc_main,{key:0,ref:t.unref(n).headerInputElement,placeholder:t.unref(n).props.placeholder},{leading:t.withCtx(({iconSize:b})=>[t.createVNode(Ce._sfc_main,{size:b,icon:"tabler:search",flipOnDir:"rtl"},null,8,["size"])]),_:1},8,["placeholder"])):(t.openBlock(),t.createElementBlock("input",tt))]),_:1},16,["disabled","placeholder","modelValue","class"]))}}),ot=t.defineComponent({name:ge.getComponentName("ComboboxTrigger"),props:{},setup(c,{slots:n,attrs:o}){const e=me(),d=({value:l},V)=>{if(V.stopPropagation(),l&&y.isArray(e.modelValue.value)&&!e.getDisabled.value){const L=e.modelValue.value.filter(v=>v!==l);e.setModelValue(L)}},i=p.getBemElement(w,"trigger"),E=be.cva(i,{variants:{size:p.generateVariantClassList(xe,i),headerSearch:p.generateVariantClassList("header-search",i),status:p.generateVariantClassList(ze,i),bordered:p.generateVariantClassList("bordered",i),multiple:p.generateVariantClassList("multiple",i),contentFit:p.generateVariantClassList("content-fit",i),wrapped:p.generateVariantClassList("wrapped",i),filled:p.generateVariantClassList("filled",i)}}),I=t.computed(()=>{switch(e.getSize.value){case"sm":return"2xsm";case"md":default:return"xsm"}}),B=t.computed(()=>{if(!e.props.multiple&&y.isString(e.modelValue.value)&&!ne.isEmpty(e.modelValue.value))return e.getOptionByValue(e.modelValue.value)}),b=(l=B.value)=>{if(e.props.selectedItemIconAsTrailingIcon&&y.isObject(l)&&"icon"in l)return l.icon},q=t.computed(()=>b()),A=t.computed(()=>{if(!e.props.noTrailing)return e.props.trailingIcon}),a=t.computed(()=>{var L,v;const l=G.cloneDeep(e.modelValue.value),V=y.isArray(e.modelValue.value);return{modelValue:l,open:G.cloneDeep(e.open.value),option:V?void 0:e.getOptionByValue(e.modelValue.value),options:V?(v=(L=e.modelValue.value).map)==null?void 0:v.call(L,e.getOptionByValue).filter(Boolean):void 0}}),f=()=>{e.onOpenChange(!e.open.value)},g=l=>{e.props.headerSearch},s=t.computed(()=>({disabled:e.getDisabled.value,tabindex:e.getDisabled.value||!e.props.headerSearch?-1:0,reference:e.props.reference,"data-disabled":e.getDisabled.value?"":void 0,"aria-disabled":e.getDisabled.value??void 0,"aria-label":"Show popup","aria-haspopup":"listbox","aria-expanded":e.open.value,"aria-controls":e.contentId,"data-state":e.open.value?"open":"closed",class:[E({size:e.getSize.value,status:e.getStatus.value==="success"&&ne.isEmpty(e.modelValue.value)?void 0:e.getStatus.value,bordered:e.props.bordered,multiple:e.props.multiple,contentFit:e.props.contentFit,wrapped:e.props.wrapped,filled:!ne.isEmpty(e.modelValue.value),headerSearch:e.props.headerSearch}),e.props.triggerCls],...o})),S=(l,V=I.value)=>t.h(Ce._sfc_main,{icon:l,size:V}),x=()=>{var L;let l;const V=(L=n.triggerTrailing)==null?void 0:L.call(n,a.value);if(M.isEmptyElement(V)?A.value&&(l=S(A.value)):l=V,l)return t.h("div",{class:[p.getBemElement(i,"trailing"),e.props.triggerTrailingCls]},l)};return()=>{var Z;const l=(Z=n.trigger)==null?void 0:Z.call(n,a.value),V=!M.isEmptyElement(l),v=(()=>{if(!V)return!1;const J=M.filterEmpty(l)??null,Q=J.length===1?J[0]:J;return Q?M.isValidElement(Q)&&!M.isFragment(Q):!0})(),{class:j,...Y}=s.value;return t.h(U.ComboboxAnchor,{...Y,class:V?e.props.triggerCls:j,...e.comboboxTriggerBinding.value,asChild:v,as:v?"template":"button",key:String(v),onKeyUp:g,onClick:f},()=>{if(V)return l;const J=P=>{var R,N;const K=e.getOptionByValue(P)??{value:P};return t.h(ye._sfc_main,{...K?((N=(R=e.props).getTagProps)==null?void 0:N.call(R,K))??{}:{},size:e.getTagSize.value})},Q=P=>{var R,N;const K=e.getOptionByValue(P)??{value:P};return t.h(Ie._sfc_main,{...K?((N=(R=e.props).getTagProps)==null?void 0:N.call(R,K))??{}:{},size:e.getTagSize.value})},X=()=>{if(!e.props.multiple&&!e.props.multiple&&!y.isArray(e.modelValue.value)&&e.modelValue.value&&(e.props.tagRenderMode&&["avatar","go"].includes(e.props.tagRenderMode)||q.value||e.props.leadingIcon)){let P;if(e.props.tagRenderMode==="avatar"?P=J(e.modelValue.value):e.props.tagRenderMode==="go"?P=Q(e.modelValue.value):q.value?P=S(q.value):e.props.leadingIcon&&(P=S(e.props.leadingIcon)),!M.isEmptyElement(P))return t.h("div",{class:[p.getBemElement(i,"leading"),e.props.triggerLeadingCls]},P)}},se=()=>{const P=[],K=[p.getBemElement(i,"tags"),e.props.triggerContentCls,e.props.triggerContentValueCls],N=(()=>{if(e.props.multiple&&y.isArray(e.modelValue.value)){if(e.props.tagRenderMode==="avatar")return t.h(ye._sfc_main$1,{maxCount:e.props.maxCount,size:e.getTagSize.value,closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:K},()=>e.modelValue.value.map(J));if(e.props.tagRenderMode==="go")return t.h(Ge._sfc_main,{maxCount:e.props.maxCount,size:e.getTagSize.value,closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:K},()=>e.modelValue.value.map(Q));if(e.props.tagRenderMode==="chip")return t.h(We._sfc_main,{maxCount:e.props.maxCount,size:e.getTagSize.value,color:"primary",closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:K,onClose:d},()=>e.modelValue.value.map(H=>{var ue,oe;const re=()=>e.getLabelByValue(H),fe=({size:ve})=>{const pe=b(e.getOptionByValue(H))??e.props.leadingIcon;return pe?S(pe,ve):null},le=e.getOptionByValue(H);return t.h(Fe._sfc_main,{...le?((oe=(ue=e.props).getTagProps)==null?void 0:oe.call(ue,le))??{}:{},value:H,class:[p.getBemElement(i,"tag"),e.props.tagCls],closeIconCls:p.getBemElement(i,"tag__close")},{text:re,leading:fe})}))}})();return N&&P.push(N),e.props.headerSearch?e.props.showLabelValueOnHeaderSearch&&!e.props.multiple&&y.isString(e.modelValue.value)&&P.push(t.h("div",{class:p.getBemElement(i,"content__value")},e.getLabelByValue(e.modelValue.value))):P.push(t.h(De)),t.h("div",{class:p.getBemElement(i,"content")},P)},te=[],ee=X();M.isEmptyElement(ee)||te.push(ee),te.push(se());const ie=x();return M.isEmptyElement(ie)||te.push(ie),te})}}}),nt=t.defineComponent({__name:"ComboboxLabel",setup(c){return(n,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(t.unref(p.getBemElement)(t.unref(w),"label"))},[t.renderSlot(n.$slots,"default")],2))}}),ke=t.defineComponent({name:ge.getComponentName("SelectOption"),props:{option:{type:[Object,String],required:!0}},slots:Object,setup(c,{slots:n}){const o=me(),e=t.computed(()=>{switch(o.getSize.value){case"sm":return"2xsm";case"lg":return"sm";case"md":default:return"xsm"}}),d=t.computed(()=>o.getOptionValue(c.option)),i=t.computed(()=>o.getOptionNoCheckbox(c.option)),E=t.computed(()=>o.getOptionClear(c.option)),I=t.computed(()=>o.getOptionSingle(c.option)),B=t.computed(()=>o.getOptionLabel(c.option)),b=t.computed(()=>o.getOptionIcon(c.option)),q=t.computed(()=>o.props.tree?void 0:o.getOptionDescription(c.option)),A=t.computed(()=>o.getOptionDisabled(c.option)),a=t.computed(()=>o.isItemSelected(d.value)),f=p.getBemElement(w,"option"),g=()=>{if(!(o.props.tree||!d.value||A.value))if(o.props.multiple)if(E.value)o.setModelValue([]),o.emit("select",void 0,!1);else if(I.value)o.setModelValue([d.value]),o.emit("select",d.value,!0);else{let s=y.isArray(o.modelValue.value)?o.modelValue.value:[];const S=s.includes(d.value);s.length===1&&o.getSingleByValue(s[0])&&d.value!==s[0]&&(s=[]),S?(o.setModelValue(s.filter(x=>x!==d.value)),o.emit("select",d.value,!0)):(o.setModelValue([...s,d.value]),o.emit("select",d.value,!1))}else E.value?(o.setModelValue(void 0),o.emit("select",void 0,!1)):(o.setModelValue(d.value),o.emit("select",d.value,!0))};if(!c.option)throw new Error("option is required");return()=>{const s=x=>{var L,v,j,Y,Z;const l=[];!o.props.tree&&o.props.multiple&&o.props.checkbox&&!i.value&&l.push(t.h($e._sfc_main,{modelValue:a.value,size:x.checkboxSize,disabled:A.value}));const V=(L=n.leading)==null?void 0:L.call(n,{option:c.option});return M.isEmptyElement(V)?o.props.tagRenderMode==="avatar"?l.push(t.h(ye._sfc_main,{...((j=(v=o.props).getTagProps)==null?void 0:j.call(v,c.option))??{},size:o.getTagSize.value})):o.props.tagRenderMode==="go"?l.push(t.h(Ie._sfc_main,{...((Z=(Y=o.props).getTagProps)==null?void 0:Z.call(Y,c.option))??{},size:o.getTagSize.value})):b.value&&l.push(t.h(Ce._sfc_main,{icon:b.value,size:e.value})):l.push(V),M.isEmptyElement(l)?null:l};return(()=>{const x=!!q.value;return t.h(He._sfc_main$1,{class:f,description:q.value,title:B.value,key:d.value,selected:a.value,unFocusable:!0,leadingCenter:!x,size:o.getSize.value,disabled:A.value,onClick:g},{leading:s,trailing:()=>{var l;return(l=n.trailing)==null?void 0:l.call(n,{option:c.option})}})})()}}}),rt=t.defineComponent({name:ge.getComponentName("ComboboxWrapper"),setup(c,{slots:n}){const o=Ye(),e=U.injectComboboxRootContext(),d=t.ref();Ne.useLazyLoading({target:d});const i=t.ref(),E=Ee.getPopoverPortalProps({triggerRef:i,props:o.props}),{getFlipOnDir:I,getDir:B}=y.useConfig(),b=I("reversePlacementOnDir"),q=B(),A=Ee.getPopoverContentProps({props:o.props,flip:b,emitsAsProps:o.emitsAsProps,_dir:q,controlAutoFocus:!1,extraPropNames:["bodyLock","position"]}),a=({key:r,getterKey:u,defaultValue:h,noReturnOption:k})=>_=>{const z=y.isFunction(h)?h(_):h;if(y.isObject(_)){const F=_[r]??z,W=u&&o.props[u];if(W){if(y.isString(W))return _[W]??F;if(y.isFunction(W))return W(_)??F}return F}return y.isString(_)&&!k?_??z:z},f=a({getterKey:"getValue",key:"value"}),g=a({getterKey:"getNoCheckbox",key:"noCheckbox"}),s=a({getterKey:"getSingle",key:"single",noReturnOption:!0}),S=a({getterKey:"getClear",key:"clear",noReturnOption:!0}),x=a({getterKey:"getLabel",key:"label",defaultValue:f}),l=a({getterKey:"getIcon",key:"icon",noReturnOption:!0}),V=a({getterKey:"getDescription",key:"description",noReturnOption:!0}),L=a({getterKey:"getDisabled",key:"disabled",defaultValue:!1,noReturnOption:!0}),v=a({getterKey:"getGroupLabel",key:"label",noReturnOption:!0}),j=a({getterKey:"getGroupOptions",key:"options",noReturnOption:!0}),Y=r=>{const u=h=>{if(h!=null&&h.length&&r)for(const k of h){if(f(k)===r)return k;const _=j(k);if(_!=null&&_.length){const z=u(_);if(z)return z}}};return u(o.props.options)},Z=r=>{const u=Y(r);return u?x(u)??r:r},J=r=>{const u=Y(r);return u?s(u)??!1:!1},{contains:Q}=U.useFilter({sensitivity:"base"}),X=t.computed(()=>{const r=u=>u==null?void 0:u.map(h=>{const k=x(h),_=f(h),z=L(h),F=v(h),W=!o.searchModel.value||k&&Q(k,o.searchModel.value),m=j(h),O=!o.props.tree||_;if(m&&O){const C=r(m);if(C!=null&&C.length||W)return{groupLabel:F,title:k,key:_,disabled:z,children:C,_option:h}}return W&&O?{title:k,key:_,disabled:z,_option:h}:null}).filter(Boolean);if(o.props.options)return r(o.props.options)}),{getDisabled:se,getStatus:te,getSize:ee}=Oe.useFormInput({getDisabled:()=>o.props.disabled,getSize:()=>o.props.size,getStatus:()=>o.props.status}),ie=t.computed(()=>{switch(ee.value){case"sm":return"xsm";case"lg":return"md";case"md":default:return"sm"}}),{inputBindings:P,rootBindings:K}=Oe.UseInputDataStates({getDisabled:()=>se.value}),R=t.ref(),N=()=>{var r,u,h,k,_,z,F;e.open.value&&e.inputElement.value&&(o.props.headerSearch&&((r=R.value)!=null&&r.input)?document.activeElement!==((u=R.value)==null?void 0:u.input)&&((_=(k=(h=R.value)==null?void 0:h.input)==null?void 0:k.focus)==null||_.call(k)):document.activeElement!==e.inputElement.value&&((F=(z=e.inputElement.value)==null?void 0:z.focus)==null||F.call(z)))},H=r=>{e.modelValue.value=r,o.emit("update:modelValue",r)},re=r=>r===void 0?!1:Array.isArray(e.modelValue.value)?!!(r&&e.modelValue.value.includes(r)):e.modelValue.value===r;Te({...o,getOptionValue:f,getOptionLabel:x,getOptionSingle:s,getOptionClear:S,getOptionNoCheckbox:g,getOptionDescription:V,getOptionDisabled:L,getOptionIcon:l,getOptionByValue:Y,isItemSelected:re,getLabelByValue:Z,getSingleByValue:J,focusOnInput:N,setModelValue:H,headerInputElement:R,getDisabled:se,getStatus:te,getSize:ee,getTagSize:ie,comboboxInputBinding:P,comboboxTriggerBinding:K,...e,modelValue:e.modelValue}),t.watch(()=>[o.props.clearOnChangeMultiple,o.props.multiple],()=>{o.props.clearOnChangeMultiple&&H(void 0)});const fe=t.computed(()=>{const r=o.props.scrollContainerProps??{};return{...r,areaCls:[p.getBemElement(w,"scroll_area"),r==null?void 0:r.class,r==null?void 0:r.areaCls]}}),le=p.getBemElement(w,"popup"),ue=be.cva(le,{variants:{size:p.generateVariantClassList(xe,le)}}),oe=r=>{if(Number(r)>0)return`${r}px`;if(typeof r=="string")return r},ve=t.computed(()=>oe(o.props.popupWidth)),pe=t.computed(()=>oe(o.props.popupHeight)),Ve=t.computed(()=>oe(o.props.minWidth)),Be=t.computed(()=>({type:ee.value==="sm"?"simple":"advance",...de.omit(o.props.emptyProps??{},"class")})),Me=t.computed(()=>de.omit(o.props.skeletonProps??{},"class")),{selectValues:we}=et({getValue:r=>r==null?void 0:r.key,getChildren:r=>r==null?void 0:r.children,getModel:()=>G.cloneDeep(e.modelValue.value),getData:()=>G.cloneDeep(X.value??[])});return()=>{var F,W;const r=m=>t.h(ke,{option:m},{trailing:n.optionTrailing,leading:n.optionLeading}),u=[];let h;if(o.props.tree){const O=y.isArray(e.modelValue.value)?e.modelValue.value:e.modelValue.value?[e.modelValue.value]:[];h=t.h(Re._sfc_main,{data:X.value??[],selectable:!0,checkbox:o.props.multiple&&o.props.checkbox,multiple:o.props.multiple,defaultExpandAll:!0,syncCheckboxAndSelect:o.props.multiple,showLine:!0,modelValue:O,checkedKeys:O,onExpand:N,onSelect:(C,D,T)=>{if(o.props.multiple){const $=y.isArray(T)?T:[T];H(we($,D))}else H(T)},class:"w-full"},{title:C=>r(C._option)}),u.push(h)}else{let m=!1;const O=[];if((X.value??[]).forEach(C=>{var D;if((D=C.children)!=null&&D.length){const T=[];C.children.forEach($=>{const ae=r($._option);re(f($._option))&&o.props.sortSelectedItems?O.push(ae):T.push(ae)}),T.length&&((m||u.length)&&(u.push(t.h(_e._sfc_main)),m=!1),C.groupLabel&&u.push(t.h(nt,{class:o.props.labelCls},()=>C.groupLabel)),u.push(...T),m=!0)}else{const T=r(C._option);re(f(C._option))&&o.props.sortSelectedItems?O.push(T):(m&&(u.push(t.h(_e._sfc_main)),m=!1),u.push(T))}}),o.props.sortSelectedItems&&O.length){const C=!!u.length;u.splice(0,0,...O),C&&u.splice(O.length,0,t.h(_e._sfc_main))}}const k=M.flattenChildrenByType(h?[h]:u,ke).filter(m=>{var O;return y.isObject(m==null?void 0:m.props)&&((O=m==null?void 0:m.props)==null?void 0:O.option)}),_=!!(o.props.tree&&((F=X.value)!=null&&F.length)||k!=null&&k.length),z=()=>{var O,C;const m=[];if(_||o.props.loading){const D=[];if(_&&D.push(...u),o.props.loading){const T=(O=n.loading)==null?void 0:O.call(n,{});if(!M.isEmptyElement(T))D.push(T);else{const $=new Array(_?2:o.props.loadingRowCount).fill(1);D.push(...$.map(()=>t.h(Ae._sfc_main,{size:ee.value,class:[p.getBemElement(w,"skeleton"),o.props.skeletonCls],...Me.value})))}}m.push(t.h("div",{class:[p.getBemElement(w,"options"),o.props.optionsCls]},D))}else if(!_){const D=(C=n.empty)==null?void 0:C.call(n,Be.value);M.isEmptyElement(D)?m.push(t.h(qe._sfc_main,{class:[p.getBemElement(w,"empty"),o.props.emptyCls],...Be.value},{title:n.emptyTitle,description:n.emptyDescription,actions:n.emptyActions,image:n.emptyImage})):m.push(D)}return o.props.lazyLoading&&m.push(t.h("div",{class:p.getBemElement(w,"lazy_loading")},t.h("div",{class:p.getBemElement(w,"lazy_loading_trigger"),ref:d}))),m};return[t.h(ot,{ref:i,...o.attrs,style:{...((W=o.attrs)==null?void 0:W.style)??{},"--ptc-combobox-trigger-min-w":Ve.value}},{trigger:n.trigger,triggerTrailing:n.triggerTrailing}),t.h(U.ComboboxPortal,E.value,()=>t.h(U.ComboboxContent,{...A.value,vShow:e.open.value,class:[ue(o.props),o.props.popupCls],style:{zIndex:o.props.zIndex,"--ptc-combobox-popup-width":o.props.samePopupWidth?void 0:ve.value,"--ptc-combobox-popup-height":pe.value,"--ptc-combobox-trigger-min-w":Ve.value},onClick:N},()=>{var T,$,ae,Se;const m=[],O=($=n.header)==null?void 0:$.call(n,{isEmpty:!((T=X.value)!=null&&T.length),search:o.searchModel.value}),C=!M.isEmptyElement(O);if(o.props.headerSearch||C){const he=[];C&&he.push(O),o.props.headerSearch&&he.push(t.h(De)),m.push(t.h("div",{class:p.getBemElement(w,"header")},he))}m.push(t.h(Ke._sfc_main,fe.value,z));const D=(Se=n.footer)==null?void 0:Se.call(n,{isEmpty:!((ae=X.value)!=null&&ae.length),search:o.searchModel.value});return M.isEmptyElement(D)||m.push(t.h("div",{class:p.getBemElement(w,"footer")},D)),m}))]}}}),lt=t.defineComponent({...ge.getComponentOptions("Combobox"),__name:"Combobox",props:{size:{default:"md"},status:{},multiple:{type:Boolean,default:void 0},noLastValueOnPlaceholder:{type:Boolean},showLabelValueOnHeaderSearch:{type:Boolean},zIndex:{},checkbox:{type:Boolean,default:!0},tagRenderMode:{default:"chip"},getTagProps:{},tree:{type:Boolean},contentFit:{type:Boolean},wrapped:{type:Boolean},sortSelectedItems:{type:Boolean},noTrailing:{type:Boolean},leadingIcon:{},trailingIcon:{default:"tabler:chevron-down"},selectedItemIconAsTrailingIcon:{type:Boolean,default:!0},maxCount:{},to:{},placeholder:{},indicatorIcon:{default:"tabler:check"},options:{},getDisabled:{},getLabel:{},getDescription:{},getValue:{},getNoCheckbox:{},getSingle:{},getClear:{},getGroupOptions:{},getGroupLabel:{},getIcon:{},placement:{default:"bottom-start"},reversePlacementOnDir:{},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:{},headerSearch:{type:Boolean},search:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},resetSearchTermOnBlur:{type:Boolean,default:!0},resetSearchTermOnSelect:{type:Boolean,default:!0},modelValue:{},defaultValue:{},dir:{},disabled:{type:Boolean,default:void 0},highlightOnHover:{type:Boolean},by:{},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean},reference:{},forceMount:{type:Boolean,default:void 0},position:{default:"popper"},bodyLock:{type:Boolean},side:{},sideOffset:{default:4},align:{},alignOffset:{},avoidCollisions:{type:Boolean,default:void 0},collisionBoundary:{},collisionPadding:{default:4},arrowPadding:{},sticky:{},hideWhenDetached:{type:Boolean,default:void 0},positionStrategy:{default:"fixed"},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean,default:void 0},prioritizePosition:{type:Boolean,default:void 0},disableOutsidePointerEvents:{type:Boolean},defer:{type:Boolean}},emits:["update:search","select","update:modelValue","highlight","update:open","escapeKeyDown","pointerDownOutside","focusOutside","interactOutside"],setup(c,{emit:n}){const o=c,e=n,d=U.useEmitAsProps(e),i=t.computed(()=>G.omitBy({...G.pick(o,"open","defaultOpen","defaultValue","modelValue","by","dir","multiple","disabled"),...G.pick(d,"onUpdate:modelValue","onUpdate:open"),ignoreFilter:!0},G.isUndefined)),E=Le.useVModel(o,"search",e,{passive:o.search===void 0});t.watch(()=>o.open,b=>{b||(E.value=void 0)});const I=t.useSlots(),B=t.useAttrs();return Je({attrs:B,props:o,emit:e,searchModel:E,emitsAsProps:d}),(b,q)=>(t.openBlock(),t.createBlock(t.unref(U.ComboboxRoot),t.mergeProps(i.value,{class:t.unref(w)}),{default:t.withCtx(()=>[t.createVNode(t.unref(rt),null,t.createSlots({_:2},[t.renderList(Object.keys(I),A=>({name:A,fn:t.withCtx(a=>[t.renderSlot(b.$slots,A,t.normalizeProps(t.guardReactiveProps(a)))])}))]),1024)]),_:3},16,["class"]))}});exports.ComboboxSizes=xe;exports.ComboboxStatuses=ze;exports._sfc_main=lt;exports.injectComboboxContext=me;exports.provideComboboxContext=Te;