@pantograph/vue 0.29.1 → 0.29.2

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-cmleh5Z8.js");exports.Combobox=o._sfc_main;exports.ComboboxInput=o._sfc_main$1;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 e=require("vue"),Ce=require("reka-ui"),x=require("es-toolkit"),_=require("@pantograph/utils-vue"),l=require("@pantograph/utils"),dt=require("../index-CXAXCAp4.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-D2zI9dKd.js"),gt=require("../GraphicalObjectGroup/index.umd.cjs"),mt=require("../index-SHgIzWWT.js"),ft=require("../Chip.vue_vue_type_style_index_0_lang-Dm0RiLDU.js");require("../Input/index.umd.cjs");const Ae=require("@vueuse/core"),vt=require("../Input.vue_vue_type_script_setup_true_lang-BKbts3jz.js"),ke=require("../Icon.vue_vue_type_style_index_0_lang-D35DGfhm.js"),Re=require("../MenuItem.vue_vue_type_style_index_0_lang-DT3IAkAQ.js"),K=require("../isArray-Bin_5of_.js"),qe=require("../GraphicalObject.vue_vue_type_script_setup_true_lang-DuCrET7F.js");require("../ScrollContainer/index.umd.cjs");require("../Empty/index.umd.cjs");const he=require("../index-BGRPfms4.js");require("../MenuItem/index.umd.cjs");require("../Checkbox/index.umd.cjs");const yt=require("../Checkbox.vue_vue_type_style_index_0_lang-CXAyoKcr.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-qlOjnH1j.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},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($){const o=$,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),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","modelValue"]))}}),xt=e.defineComponent({...l.getComponentOptions("ComboboxTrigger"),__name:"ComboboxTrigger",setup($){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 w=b.value===!0?"tabler:chevron-down":b.value;i=f(w)}if(i)return e.h("div",{class:l.normCls(l.getBemElement(s,"trailing"),o.props.triggerTrailingCls)},i)},W=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,w=!_.isEmptyElement(y);if(w||o.props.tagRenderMode&&["avatar","go"].includes(o.props.tagRenderMode)||z.value||o.props.leadingIcon){let T;if(w?T=y:o.props.tagRenderMode==="avatar"?T=W(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=[],G=[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:G},()=>o.model.value.map(W));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:G},()=>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:G,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=[],w=re();_.isEmptyElement(w)||y.push(w),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($){const o=$,p=pe(),n=e.computed(()=>p.isOptionSelected(o.option._key)),k=b=>{var s,R,N,f,J,W;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,...((W=(J=p.props).getTagProps)==null?void 0:W.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($){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($,{expose:o,emit:p}){const n=$,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),W=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)}):[],w=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=w(t);return r&&(r._label||r._key)||t},te=t=>{const r=w(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,L;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=w(d);a(j)}});else if((L=c._parentKeys)!=null&&L.length){const d=Te.head(c._parentKeys);if(!l.isEmptyLikeLodash(d)){if(!r.has(d)){const H=w(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"),L=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 Le=Math.max(ue(h),ue(L));if(q>Le){const ce=y(P).length;j(q,Le,ce+1)}if(d[L]={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],L=c[V+1];!L._divider&&(L._hasChildren||(u=h._parentKeys)!=null&&u.length&&!((B=L._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:G,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)??{});e.watch(G,t=>{console.log("getDisabled ===>",t)},{immediate:!0});const{inputBindings:Ue,rootBindings:je,focused:He}=_.useInputDataStates({getDisabled:()=>G.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(),we={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 L=h.findIndex(d=>S.value&&d.value&&d.value===S.value);if(t.key==="ArrowDown"){const d=h[L+1];S.value=(d==null?void 0:d.value)??S.value??h[0].value}else if(t.key==="ArrowUp"){const d=h[L-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 L=w(S.value);h.length&&le.value&&n.tree&&S.value&&L&&((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,L))}else t.key==="Enter"&&(h.length===1&&h[0].value&&S.value!==h[0].value&&(S.value=h[0].value),S.value&&Ve(w(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:w,isOptionSelected:Q,getLabelByValue:T,getSingleByValue:te,inputRef:Y,focusOnInput:fe,getDisabled:G,getStatus:Be,getSize:D,getTagSize:X,getIconSize:ge,comboboxInputBinding:Ue,comboboxTriggerBinding:je,comboboxInputFocused:He,selectOption:Ve,itemMap:Xe,getItems:Pe,highlightedOptionKey:S};Fe(we),e.watch(()=>[n.clearOnChangeMultiple,n.multiple],()=>{n.clearOnChangeMultiple&&(s.value=void 0)});const Ze=e.computed(()=>({defaultExpandAll:!0,showLine:!0,disabled:G.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(we),(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)},W.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;

package/dist/Combobox/types.d.ts

@@ -32,6 +32,7 @@ export type ComboboxFlattenOptionType = FlattenItem & {
     _clear?: boolean;
     _noCheckbox?: boolean;
     _divider?: boolean;
+    _id?: string;
 };
 export interface ComboboxProps extends Partial<Pick<PopoverProps, 'placement' | 'containerProps' | 'reversePlacementOnDir' | 'open' | 'defaultOpen' | 'zIndex' | 'to' | 'sideOffset' | 'alignOffset' | 'reference' | 'prioritizePosition' | 'avoidCollisions' | 'dir' | 'noTrigger'>> {
     modelValue?: string | string[];

package/dist/Comment/CommentActions.d.ts

@@ -10,7 +10,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
             readonly target?: string | undefined;
             readonly size?: import('..').ButtonSize | undefined;
             readonly icon?: string | undefined;
-            readonly as?: import('reka-ui').AsTag | import('vue').Component | undefined;
+            readonly as?: import('vue').Component | import('reka-ui').AsTag | undefined;
             readonly loading?: boolean | undefined;
             readonly block?: boolean | undefined;
             readonly noRing?: boolean | undefined;
@@ -29,7 +29,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
                 $props: {
-                    readonly as?: import('reka-ui').AsTag | import('vue').Component | undefined;
+                    readonly as?: import('vue').Component | import('reka-ui').AsTag | undefined;
                     readonly class?: import('clsx').ClassValue;
                     readonly text?: string | number | undefined;
                     readonly size?: import('..').ButtonSize | undefined;
@@ -210,7 +210,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
             readonly target?: string | undefined;
             readonly size?: import('..').ButtonSize | undefined;
             readonly icon?: string | undefined;
-            readonly as?: import('reka-ui').AsTag | import('vue').Component | undefined;
+            readonly as?: import('vue').Component | import('reka-ui').AsTag | undefined;
             readonly loading?: boolean | undefined;
             readonly block?: boolean | undefined;
             readonly noRing?: boolean | undefined;
@@ -229,7 +229,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
                 $props: {
-                    readonly as?: import('reka-ui').AsTag | import('vue').Component | undefined;
+                    readonly as?: import('vue').Component | import('reka-ui').AsTag | undefined;
                     readonly class?: import('clsx').ClassValue;
                     readonly text?: string | number | undefined;
                     readonly size?: import('..').ButtonSize | undefined;

package/dist/Comment/CommentEditor.d.ts

@@ -38,7 +38,7 @@ declare function __VLS_template(): {
                 readonly target?: string | undefined;
                 readonly size?: import('..').ButtonSize | undefined;
                 readonly icon?: string | undefined;
-                readonly as?: import('reka-ui').AsTag | import('vue').Component | undefined;
+                readonly as?: import('vue').Component | import('reka-ui').AsTag | undefined;
                 readonly loading?: boolean | undefined;
                 readonly block?: boolean | undefined;
                 readonly noRing?: boolean | undefined;
@@ -57,7 +57,7 @@ declare function __VLS_template(): {
                     $: import('vue').ComponentInternalInstance;
                     $data: {};
                     $props: {
-                        readonly as?: import('reka-ui').AsTag | import('vue').Component | undefined;
+                        readonly as?: import('vue').Component | import('reka-ui').AsTag | undefined;
                         readonly class?: import('clsx').ClassValue;
                         readonly text?: string | number | undefined;
                         readonly size?: import('..').ButtonSize | undefined;
@@ -238,7 +238,7 @@ declare function __VLS_template(): {
                 readonly target?: string | undefined;
                 readonly size?: import('..').ButtonSize | undefined;
                 readonly icon?: string | undefined;
-                readonly as?: import('reka-ui').AsTag | import('vue').Component | undefined;
+                readonly as?: import('vue').Component | import('reka-ui').AsTag | undefined;
                 readonly loading?: boolean | undefined;
                 readonly block?: boolean | undefined;
                 readonly noRing?: boolean | undefined;
@@ -257,7 +257,7 @@ declare function __VLS_template(): {
                     $: import('vue').ComponentInternalInstance;
                     $data: {};
                     $props: {
-                        readonly as?: import('reka-ui').AsTag | import('vue').Component | undefined;
+                        readonly as?: import('vue').Component | import('reka-ui').AsTag | undefined;
                         readonly class?: import('clsx').ClassValue;
                         readonly text?: string | number | undefined;
                         readonly size?: import('..').ButtonSize | undefined;
@@ -468,7 +468,7 @@ declare const __VLS_component: import('vue').DefineComponent<CommentEditorProps,
             readonly target?: string | undefined;
             readonly size?: import('..').ButtonSize | undefined;
             readonly icon?: string | undefined;
-            readonly as?: import('reka-ui').AsTag | import('vue').Component | undefined;
+            readonly as?: import('vue').Component | import('reka-ui').AsTag | undefined;
             readonly loading?: boolean | undefined;
             readonly block?: boolean | undefined;
             readonly noRing?: boolean | undefined;
@@ -487,7 +487,7 @@ declare const __VLS_component: import('vue').DefineComponent<CommentEditorProps,
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
                 $props: {
-                    readonly as?: import('reka-ui').AsTag | import('vue').Component | undefined;
+                    readonly as?: import('vue').Component | import('reka-ui').AsTag | undefined;
                     readonly class?: import('clsx').ClassValue;
                     readonly text?: string | number | undefined;
                     readonly size?: import('..').ButtonSize | undefined;
@@ -668,7 +668,7 @@ declare const __VLS_component: import('vue').DefineComponent<CommentEditorProps,
             readonly target?: string | undefined;
             readonly size?: import('..').ButtonSize | undefined;
             readonly icon?: string | undefined;
-            readonly as?: import('reka-ui').AsTag | import('vue').Component | undefined;
+            readonly as?: import('vue').Component | import('reka-ui').AsTag | undefined;
             readonly loading?: boolean | undefined;
             readonly block?: boolean | undefined;
             readonly noRing?: boolean | undefined;
@@ -687,7 +687,7 @@ declare const __VLS_component: import('vue').DefineComponent<CommentEditorProps,
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
                 $props: {
-                    readonly as?: import('reka-ui').AsTag | import('vue').Component | undefined;
+                    readonly as?: import('vue').Component | import('reka-ui').AsTag | undefined;
                     readonly class?: import('clsx').ClassValue;
                     readonly text?: string | number | undefined;
                     readonly size?: import('..').ButtonSize | undefined;

package/dist/Comment/CommentReactions.d.ts

@@ -10,7 +10,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
             readonly target?: string | undefined;
             readonly size?: import('..').ButtonSize | undefined;
             readonly icon?: string | undefined;
-            readonly as?: import('reka-ui').AsTag | import('vue').Component | undefined;
+            readonly as?: import('vue').Component | import('reka-ui').AsTag | undefined;
             readonly loading?: boolean | undefined;
             readonly block?: boolean | undefined;
             readonly noRing?: boolean | undefined;
@@ -29,7 +29,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
                 $props: {
-                    readonly as?: import('reka-ui').AsTag | import('vue').Component | undefined;
+                    readonly as?: import('vue').Component | import('reka-ui').AsTag | undefined;
                     readonly class?: import('clsx').ClassValue;
                     readonly text?: string | number | undefined;
                     readonly size?: import('..').ButtonSize | undefined;

package/dist/Comment/index.d.ts

@@ -1,3 +1,9 @@
+export declare const CommentPlugin: import('vue').Plugin;
+export declare const CommentActionPlugin: import('vue').Plugin;
+export declare const CommentReactionPlugin: import('vue').Plugin;
+export declare const CommentMentionPlugin: import('vue').Plugin;
+export declare const CommentEditorPlugin: import('vue').Plugin;
+export declare const CommentTriggerPlugin: import('vue').Plugin;
 export { injectCommentContext, provideCommentContext, commentPrefix, default as Comment, type CommentContext, type CommentEmits, type CommentProps, type CommentReactionItem, type CommentBaseEmits, type CommentSlots, } from './Comment';
 export { default as CommentAction, type CommentActionProps } from './CommentAction';
 export { default as CommentReaction, type CommentReactionProps } from './CommentReaction';