@pantograph/vue 0.23.34 → 0.23.35

package/dist/{Combobox.vue_vue_type_style_index_0_lang-DGrRrs1D.js → Combobox.vue_vue_type_style_index_0_lang-Dtf_JcyR.js}

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

package/dist/Comment/Comment.d.ts

@@ -0,0 +1,90 @@
+import { AvatarProps } from '../Avatar/index.js';
+import { ClassValue } from 'class-variance-authority/types';
+export interface CommentReactionItem {
+    emoji: string;
+    count: number;
+    active?: boolean;
+}
+export interface CommentProps {
+    class?: ClassValue;
+    headerCls?: ClassValue;
+    actionsCls?: ClassValue;
+    bodyCls?: ClassValue;
+    datetimeCls?: ClassValue;
+    contentCls?: ClassValue;
+    authorCls?: ClassValue;
+    repliesCls?: ClassValue;
+    headerContentCls?: ClassValue;
+    reactionsCls?: ClassValue;
+    repliesHeaderCls?: ClassValue;
+    repliesTitleCls?: ClassValue;
+    repliesContentCls?: ClassValue;
+    author?: string;
+    avatar?: string;
+    content?: string;
+    datetime?: string;
+    repliesCount?: number | string;
+    repliesTitle?: string;
+    avatarProps?: AvatarProps;
+    open?: boolean;
+    hasReaction?: boolean;
+    hasEdit?: boolean;
+    hasDelete?: boolean;
+    hasReply?: boolean;
+    reactions?: CommentReactionItem[];
+}
+export interface CommentBaseEmits {
+    (event: 'openReaction', value: HTMLElement): void;
+}
+export interface CommentEmits extends CommentBaseEmits {
+    (event: 'update:open', value: boolean): void;
+    (event: 'openActions', value: HTMLElement): void;
+    (event: 'reaction', value: string): void;
+    (event: 'reply'): void;
+}
+export interface CommentSlots {
+    header?: (data?: object) => never;
+    author?: (data?: object) => never;
+    avatar?: (data?: object) => never;
+    content?: (data?: object) => never;
+    datetime?: (data?: object) => never;
+    repliesHeader?: (data?: {
+        open: boolean;
+    }) => never;
+    repliesTitle?: (data?: object) => never;
+    repliesCount?: (data?: object) => never;
+    replies?: (data?: object) => never;
+}
+export interface CommentContext {
+    props: CommentProps;
+    emit: CommentEmits;
+    slots: CommentSlots;
+}
+export declare const commentPrefix: string;
+export declare const injectCommentContext: <T extends CommentContext | null | undefined = CommentContext>(fallback?: T | undefined) => T extends null ? CommentContext | null : CommentContext, provideCommentContext: (contextValue: CommentContext) => CommentContext;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CommentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:open": (value: boolean) => any;
+    openActions: (value: HTMLElement) => any;
+    openReaction: (value: HTMLElement) => any;
+    reaction: (value: string) => any;
+    reply: () => any;
+}, string, import('vue').PublicProps, Readonly<CommentProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onOpenActions?: ((value: HTMLElement) => any) | undefined;
+    onOpenReaction?: ((value: HTMLElement) => any) | undefined;
+    onReaction?: ((value: string) => any) | undefined;
+    onReply?: (() => any) | undefined;
+}>, {
+    open: boolean;
+    repliesTitle: string;
+    hasReaction: boolean;
+    hasEdit: boolean;
+    hasDelete: boolean;
+    hasReply: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<CommentSlots> & CommentSlots>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/Comment/CommentAction.d.ts

@@ -0,0 +1,23 @@
+import { PopoverProps } from '../Popover';
+export interface CommentActionProps extends PopoverProps {
+    hasEdit?: boolean;
+    hasDelete?: boolean;
+    editText?: string;
+    deleteText?: string;
+}
+declare const _default: import('vue').DefineComponent<CommentActionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    delete: () => any;
+    "update:open": (value: string) => any;
+    edit: () => any;
+}, string, import('vue').PublicProps, Readonly<CommentActionProps> & Readonly<{
+    onDelete?: (() => any) | undefined;
+    "onUpdate:open"?: ((value: string) => any) | undefined;
+    onEdit?: (() => any) | undefined;
+}>, {
+    open: boolean;
+    hasEdit: boolean;
+    hasDelete: boolean;
+    editText: string;
+    deleteText: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/Comment/CommentActions.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/Comment/CommentEditor.d.ts

@@ -0,0 +1,331 @@
+import { UploadProps, UploadSlots } from '../Upload/types.js';
+import { ClassValue } from 'class-variance-authority/types';
+interface CommentEditorProps {
+    class?: ClassValue;
+    actionsCls?: ClassValue;
+    editorCls?: ClassValue;
+    footerCls?: ClassValue;
+    disabled?: boolean;
+    isEmpty?: boolean;
+    mentionsReference?: HTMLElement | undefined;
+    uploadProps: UploadProps;
+    maxHeight?: string | number;
+}
+declare function __VLS_template(): {
+    slots: Readonly<UploadSlots & {
+        default: (data?: {}) => never;
+    }> & UploadSlots & {
+        default: (data?: {}) => never;
+    };
+    refs: {
+        uploadRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly onDownload?: ((uploadFile: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile) => void) | undefined;
+                readonly parallelUpload?: boolean | undefined;
+                readonly uploadOnSelect?: boolean | undefined;
+                readonly pausableChunked?: boolean | undefined;
+                readonly noTrigger?: boolean | undefined;
+                readonly fileList?: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile[] | undefined;
+                readonly size?: import('../Upload/Upload.model.ts', { with: { "resolution-mode": "import" } }).UploadSize | undefined;
+                readonly chunkSize?: number | undefined;
+                readonly listType?: import('../Upload/Upload.model.ts', { with: { "resolution-mode": "import" } }).UploadListType | undefined;
+                readonly type?: import('../Upload/Upload.model.ts', { with: { "resolution-mode": "import" } }).UploadType | undefined;
+                readonly go?: boolean | undefined;
+                readonly maxCount?: number | string | undefined;
+                readonly action: (config: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadActionParams) => Promise<any>;
+                readonly getFileIcon?: ((file: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile) => string) | undefined;
+                readonly directory?: boolean | undefined;
+                readonly multiple?: boolean | undefined;
+                readonly disabled?: boolean | undefined;
+                readonly accept?: string | undefined;
+                readonly onChange?: ((data: {
+                    file: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile;
+                    fileList: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile[];
+                    event: "add" | "remove" | "upload" | "failed" | "paused" | "cancel";
+                }) => any) | undefined;
+                readonly onRemove?: ((value: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile) => any) | undefined;
+                readonly "onUpdate:fileList"?: ((value: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile[]) => any) | undefined;
+                readonly onPreview?: ((value: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile) => any) | undefined;
+                readonly onCreateRequest?: ((value: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile) => any) | undefined;
+                readonly onResetRequest?: ((value: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile) => any) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "change", data: {
+                file: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile;
+                fileList: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile[];
+                event: "add" | "remove" | "upload" | "failed" | "paused" | "cancel";
+            }) => void) & ((event: "remove", value: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile) => void) & ((event: "update:fileList", value: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile[]) => void) & ((event: "preview", value: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile) => void) & ((event: "createRequest", value: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile) => void) & ((event: "resetRequest", value: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile) => void);
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<UploadProps> & Readonly<{
+                onChange?: ((data: {
+                    file: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile;
+                    fileList: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile[];
+                    event: "add" | "remove" | "upload" | "failed" | "paused" | "cancel";
+                }) => any) | undefined;
+                onRemove?: ((value: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile) => any) | undefined;
+                "onUpdate:fileList"?: ((value: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile[]) => any) | undefined;
+                onPreview?: ((value: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile) => any) | undefined;
+                onCreateRequest?: ((value: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile) => any) | undefined;
+                onResetRequest?: ((value: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile) => any) | undefined;
+            }>, {
+                props: UploadProps;
+                attrs: object;
+                slots: UploadSlots;
+                progressSize: import('vue').ComputedRef<import('../Progress/Progress.model.ts', { with: { "resolution-mode": "import" } }).ProgressSize>;
+                emit: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadEmits;
+                createRequest: (uploadFile: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile) => Promise<void>;
+                resetRequest: (uploadFile: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile) => Promise<void>;
+                remove: (uploadFile: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile) => void;
+                canRunUpload: (uploadFile: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile) => boolean;
+                addFiles: (files: File[]) => void;
+                fileList: Readonly<import('vue').WritableComputedRef<import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile[]>>;
+                uploadableFiles: import('vue').ComputedRef<import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile[]>;
+                goSize: import('vue').ComputedRef<"md" | "sm">;
+                uploadingFiles: import('vue').ComputedRef<import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile[]>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                change: (data: {
+                    file: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile;
+                    fileList: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile[];
+                    event: "add" | "remove" | "upload" | "failed" | "paused" | "cancel";
+                }) => any;
+                remove: (value: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile) => any;
+                "update:fileList": (value: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile[]) => any;
+                preview: (value: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile) => any;
+                createRequest: (value: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile) => any;
+                resetRequest: (value: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile) => any;
+            }, string, {
+                type: import('../Upload/Upload.model.ts', { with: { "resolution-mode": "import" } }).UploadType;
+                size: import('../Upload/Upload.model.ts', { with: { "resolution-mode": "import" } }).UploadSize;
+                multiple: boolean;
+                go: boolean;
+                uploadOnSelect: boolean;
+                listType: import('../Upload/Upload.model.ts', { with: { "resolution-mode": "import" } }).UploadListType;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{
+            type: import('../Upload/Upload.model.ts', { with: { "resolution-mode": "import" } }).UploadType;
+            size: import('../Upload/Upload.model.ts', { with: { "resolution-mode": "import" } }).UploadSize;
+            multiple: boolean;
+            go: boolean;
+            uploadOnSelect: boolean;
+            listType: import('../Upload/Upload.model.ts', { with: { "resolution-mode": "import" } }).UploadListType;
+        }> & Omit<Readonly<UploadProps> & Readonly<{
+            onChange?: ((data: {
+                file: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile;
+                fileList: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile[];
+                event: "add" | "remove" | "upload" | "failed" | "paused" | "cancel";
+            }) => any) | undefined;
+            onRemove?: ((value: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile) => any) | undefined;
+            "onUpdate:fileList"?: ((value: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile[]) => any) | undefined;
+            onPreview?: ((value: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile) => any) | undefined;
+            onCreateRequest?: ((value: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile) => any) | undefined;
+            onResetRequest?: ((value: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile) => any) | undefined;
+        }>, "props" | "slots" | "attrs" | "emit" | "remove" | "fileList" | "createRequest" | "resetRequest" | "addFiles" | ("type" | "size" | "multiple" | "go" | "uploadOnSelect" | "listType") | "progressSize" | "canRunUpload" | "uploadableFiles" | "goSize" | "uploadingFiles"> & import('vue').ShallowUnwrapRef<{
+            props: UploadProps;
+            attrs: object;
+            slots: UploadSlots;
+            progressSize: import('vue').ComputedRef<import('../Progress/Progress.model.ts', { with: { "resolution-mode": "import" } }).ProgressSize>;
+            emit: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadEmits;
+            createRequest: (uploadFile: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile) => Promise<void>;
+            resetRequest: (uploadFile: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile) => Promise<void>;
+            remove: (uploadFile: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile) => void;
+            canRunUpload: (uploadFile: import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile) => boolean;
+            addFiles: (files: File[]) => void;
+            fileList: Readonly<import('vue').WritableComputedRef<import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile[]>>;
+            uploadableFiles: import('vue').ComputedRef<import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile[]>;
+            goSize: import('vue').ComputedRef<"md" | "sm">;
+            uploadingFiles: import('vue').ComputedRef<import('../Upload/types.js', { with: { "resolution-mode": "import" } }).UploadFile[]>;
+        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: Readonly<UploadSlots> & UploadSlots;
+        }) | null;
+        mentionRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly class?: import('clsx').ClassValue;
+                readonly flipOnDir?: import('../index.ts', { with: { "resolution-mode": "import" } }).FlipOnDir | undefined;
+                readonly type?: import('../exports.ts', { with: { "resolution-mode": "import" } }).ButtonType | undefined;
+                readonly size?: import('../exports.ts', { with: { "resolution-mode": "import" } }).ButtonSize | undefined;
+                readonly icon?: string | undefined;
+                readonly color?: import('../exports.ts', { with: { "resolution-mode": "import" } }).ButtonColor | undefined;
+                readonly noRing?: boolean | undefined;
+                readonly loading?: boolean | undefined;
+                readonly htmlType?: "reset" | "submit" | "button" | undefined;
+                readonly block?: boolean | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<Partial<Pick<import('../exports.ts', { with: { "resolution-mode": "import" } }).BaseButtonProps, "class" | "flipOnDir" | "type" | "size" | "icon" | "color" | "noRing" | "loading" | "htmlType" | "block">>> & Readonly<{}>, {
+                focus(): void;
+                blur(): void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{}> & Omit<Readonly<Partial<Pick<import('../exports.ts', { with: { "resolution-mode": "import" } }).BaseButtonProps, "class" | "flipOnDir" | "type" | "size" | "icon" | "color" | "noRing" | "loading" | "htmlType" | "block">>> & Readonly<{}>, "blur" | "focus"> & import('vue').ShallowUnwrapRef<{
+            focus(): void;
+            blur(): void;
+        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: Readonly<{
+                icon?: (() => never) | undefined;
+                badgeText?: (() => never) | undefined;
+                badgeIcon?: ((data?: object) => never) | undefined;
+            }> & {
+                icon?: (() => never) | undefined;
+                badgeText?: (() => never) | undefined;
+                badgeIcon?: ((data?: object) => never) | undefined;
+            };
+        }) | null;
+        reactionRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly class?: import('clsx').ClassValue;
+                readonly flipOnDir?: import('../index.ts', { with: { "resolution-mode": "import" } }).FlipOnDir | undefined;
+                readonly type?: import('../exports.ts', { with: { "resolution-mode": "import" } }).ButtonType | undefined;
+                readonly size?: import('../exports.ts', { with: { "resolution-mode": "import" } }).ButtonSize | undefined;
+                readonly icon?: string | undefined;
+                readonly color?: import('../exports.ts', { with: { "resolution-mode": "import" } }).ButtonColor | undefined;
+                readonly noRing?: boolean | undefined;
+                readonly loading?: boolean | undefined;
+                readonly htmlType?: "reset" | "submit" | "button" | undefined;
+                readonly block?: boolean | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<Partial<Pick<import('../exports.ts', { with: { "resolution-mode": "import" } }).BaseButtonProps, "class" | "flipOnDir" | "type" | "size" | "icon" | "color" | "noRing" | "loading" | "htmlType" | "block">>> & Readonly<{}>, {
+                focus(): void;
+                blur(): void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{}> & Omit<Readonly<Partial<Pick<import('../exports.ts', { with: { "resolution-mode": "import" } }).BaseButtonProps, "class" | "flipOnDir" | "type" | "size" | "icon" | "color" | "noRing" | "loading" | "htmlType" | "block">>> & Readonly<{}>, "blur" | "focus"> & import('vue').ShallowUnwrapRef<{
+            focus(): void;
+            blur(): void;
+        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: Readonly<{
+                icon?: (() => never) | undefined;
+                badgeText?: (() => never) | undefined;
+                badgeIcon?: ((data?: object) => never) | undefined;
+            }> & {
+                icon?: (() => never) | undefined;
+                badgeText?: (() => never) | undefined;
+                badgeIcon?: ((data?: object) => never) | undefined;
+            };
+        }) | null;
+    };
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CommentEditorProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    blur: (value: InputEvent) => any;
+    focus: (value: InputEvent) => any;
+    submit: () => any;
+    openReaction: (value: HTMLElement) => any;
+    mention: (value: string) => any;
+    openMention: (value: HTMLElement) => any;
+}, string, import('vue').PublicProps, Readonly<CommentEditorProps> & Readonly<{
+    onBlur?: ((value: InputEvent) => any) | undefined;
+    onFocus?: ((value: InputEvent) => any) | undefined;
+    onSubmit?: (() => any) | undefined;
+    onOpenReaction?: ((value: HTMLElement) => any) | undefined;
+    onMention?: ((value: string) => any) | undefined;
+    onOpenMention?: ((value: HTMLElement) => any) | undefined;
+}>, {
+    maxHeight: string | number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/Comment/CommentMention.d.ts

@@ -0,0 +1,19 @@
+import { ComboboxOptionType, ComboboxProps, ComboboxSlots } from '../Combobox/index.js';
+declare function __VLS_template(): {
+    slots: Readonly<ComboboxSlots> & ComboboxSlots;
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ComboboxProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    mention: (value: string | undefined, option?: ComboboxOptionType | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<ComboboxProps> & Readonly<{
+    onMention?: ((value: string | undefined, option?: ComboboxOptionType | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/Comment/CommentReaction.d.ts

@@ -0,0 +1,15 @@
+import { GOPickerProps } from '../GOPicker/GOPicker.model';
+export interface CommentReactionProps extends GOPickerProps {
+    reference: HTMLElement;
+    open?: boolean;
+}
+declare const _default: import('vue').DefineComponent<CommentReactionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:open": (value: string) => any;
+    reaction: (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<CommentReactionProps> & Readonly<{
+    "onUpdate:open"?: ((value: string) => any) | undefined;
+    onReaction?: ((value: string) => any) | undefined;
+}>, {
+    open: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;