@pantograph/vue 0.27.4 → 0.27.6

package/dist/Combobox.vue_vue_type_style_index_0_lang-C2gSuLRv.js

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

package/dist/Comment/CommentActions.d.ts

@@ -8,8 +8,8 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
             readonly flipOnDir?: import('..').FlipOnDir | undefined;
             readonly type?: import('..').ButtonType | undefined;
             readonly target?: string | undefined;
-            readonly icon?: string | undefined;
             readonly size?: import('..').ButtonSize | undefined;
+            readonly icon?: string | undefined;
             readonly noRing?: boolean | undefined;
             readonly loading?: boolean | undefined;
             readonly htmlType?: "reset" | "submit" | "button" | undefined;
@@ -206,8 +206,8 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
             readonly flipOnDir?: import('..').FlipOnDir | undefined;
             readonly type?: import('..').ButtonType | undefined;
             readonly target?: string | undefined;
-            readonly icon?: string | undefined;
             readonly size?: import('..').ButtonSize | undefined;
+            readonly icon?: string | undefined;
             readonly noRing?: boolean | undefined;
             readonly loading?: boolean | undefined;
             readonly htmlType?: "reset" | "submit" | "button" | undefined;

package/dist/Comment/CommentEditor.d.ts

@@ -182,8 +182,8 @@ declare function __VLS_template(): {
                 readonly flipOnDir?: import('..').FlipOnDir | undefined;
                 readonly type?: import('..').ButtonType | undefined;
                 readonly target?: string | undefined;
-                readonly icon?: string | undefined;
                 readonly size?: import('..').ButtonSize | undefined;
+                readonly icon?: string | undefined;
                 readonly noRing?: boolean | undefined;
                 readonly loading?: boolean | undefined;
                 readonly htmlType?: "reset" | "submit" | "button" | undefined;
@@ -380,8 +380,8 @@ declare function __VLS_template(): {
                 readonly flipOnDir?: import('..').FlipOnDir | undefined;
                 readonly type?: import('..').ButtonType | undefined;
                 readonly target?: string | undefined;
-                readonly icon?: string | undefined;
                 readonly size?: import('..').ButtonSize | undefined;
+                readonly icon?: string | undefined;
                 readonly noRing?: boolean | undefined;
                 readonly loading?: boolean | undefined;
                 readonly htmlType?: "reset" | "submit" | "button" | undefined;
@@ -754,8 +754,8 @@ declare const __VLS_component: import('vue').DefineComponent<CommentEditorProps,
             readonly flipOnDir?: import('..').FlipOnDir | undefined;
             readonly type?: import('..').ButtonType | undefined;
             readonly target?: string | undefined;
-            readonly icon?: string | undefined;
             readonly size?: import('..').ButtonSize | undefined;
+            readonly icon?: string | undefined;
             readonly noRing?: boolean | undefined;
             readonly loading?: boolean | undefined;
             readonly htmlType?: "reset" | "submit" | "button" | undefined;
@@ -952,8 +952,8 @@ declare const __VLS_component: import('vue').DefineComponent<CommentEditorProps,
             readonly flipOnDir?: import('..').FlipOnDir | undefined;
             readonly type?: import('..').ButtonType | undefined;
             readonly target?: string | undefined;
-            readonly icon?: string | undefined;
             readonly size?: import('..').ButtonSize | undefined;
+            readonly icon?: string | undefined;
             readonly noRing?: boolean | undefined;
             readonly loading?: boolean | undefined;
             readonly htmlType?: "reset" | "submit" | "button" | undefined;

package/dist/Comment/CommentReactions.d.ts

@@ -8,8 +8,8 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
             readonly flipOnDir?: import('..').FlipOnDir | undefined;
             readonly type?: import('..').ButtonType | undefined;
             readonly target?: string | undefined;
-            readonly icon?: string | undefined;
             readonly size?: import('..').ButtonSize | undefined;
+            readonly icon?: string | undefined;
             readonly noRing?: boolean | undefined;
             readonly loading?: boolean | undefined;
             readonly htmlType?: "reset" | "submit" | "button" | undefined;

package/dist/Comment/index.js

@@ -1,29 +1,28 @@
-import { defineComponent as A, ref as R, createElementBlock as F, createCommentVNode as I, unref as n, openBlock as P, normalizeClass as $, createBlock as E, withModifiers as H, createVNode as y, Fragment as de, renderList as q, withCtx as T, createTextVNode as ie, toDisplayString as Y, useSlots as J, createElementVNode as G, h as b, mergeProps as V, isRef as ae, createSlots as ee, renderSlot as U, normalizeProps as W, guardReactiveProps as Q, computed as L, normalizeStyle as ue, onMounted as me, onBeforeUnmount as fe } from "vue";
-import { getComponentOptions as z, useComponentStyle as K, useVModel as oe, isEmptyElement as O, useFormInput as he, useInputDataStates as Ce } from "@pantograph/utils-vue";
-import { _ as le } from "../Avatar.vue_vue_type_script_setup_true_lang-D6M8USW4.js";
-import { _ as ye } from "../Badge.vue_vue_type_script_setup_true_lang-CaAe4Yuz.js";
-import { cva as ge } from "class-variance-authority";
-import { _ as ve } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-C45pbuL2.js";
-import { _ as Z } from "../Icon.vue_vue_type_script_setup_true_lang-DBiBHDqC.js";
-import { normCls as C, getBemElement as m, getBemBlock as _e, generateVariantClassList as Be } from "@pantograph/utils";
-import { _ as D } from "../IconButton.vue_vue_type_script_setup_true_lang-DbWKTcZc.js";
-import { _ as be } from "../ActionButton.vue_vue_type_script_setup_true_lang-B7a38s3f.js";
-import N from "@pantograph/style/comment.css?raw";
-import { createContext as Re } from "reka-ui";
-import { _ as Pe } from "../Popover.vue_vue_type_script_setup_true_lang-DhDzrGk6.js";
-import { _ as Se, a as se } from "../MenuItem.vue_vue_type_script_setup_true_lang-CC0ZX8mk.js";
-import { _ as ke } from "../GOPicker.vue_vue_type_script_setup_true_lang-UNRfZ8eW.js";
-import { _ as xe } from "../Combobox.vue_vue_type_script_setup_true_lang-DXwg6ANz.js";
-import { _ as Te } from "../Divider.vue_vue_type_script_setup_true_lang-BZRu0h3n.js";
-import { _ as Oe } from "../ScrollContainer.vue_vue_type_script_setup_true_lang-FKw-Hnvi.js";
-import { _ as $e, a as Ee } from "../Upload.vue_vue_type_script_setup_true_lang-CwSlVjBi.js";
-import { omit as Me } from "es-toolkit";
-import { _ as we } from "../Shortcut.vue_vue_type_script_setup_true_lang-B16kPcKe.js";
-const De = /* @__PURE__ */ A({
+import { defineComponent as A, ref as R, createElementBlock as F, createCommentVNode as I, unref as n, openBlock as P, normalizeClass as $, createBlock as E, withModifiers as H, createVNode as y, Fragment as pe, renderList as W, withCtx as T, createTextVNode as ne, toDisplayString as J, useSlots as Q, createElementVNode as K, h as b, mergeProps as V, isRef as se, createSlots as Y, renderSlot as U, normalizeProps as N, guardReactiveProps as G, computed as L, normalizeStyle as ce, onMounted as de, onBeforeUnmount as ue } from "vue";
+import { getComponentOptions as z, useVModel as Z, isEmptyElement as O, useFormInput as me, useInputDataStates as fe } from "@pantograph/utils-vue";
+import { _ as ie } from "../Avatar.vue_vue_type_style_index_0_lang-DPrsRMvX.js";
+import { _ as he } from "../Badge.vue_vue_type_script_setup_true_lang-CjM2eHxl.js";
+import { cva as Ce } from "class-variance-authority";
+import { _ as ye } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-DsNpKZ1Q.js";
+import { _ as X } from "../Icon.vue_vue_type_style_index_0_lang-LLvjBJx0.js";
+import { normCls as C, getBemElement as m, getBemBlock as ge, generateVariantClassList as ve } from "@pantograph/utils";
+import { _ as D } from "../IconButton.vue_vue_type_script_setup_true_lang-ahPqU4HJ.js";
+import { _ as _e } from "../ActionButton.vue_vue_type_script_setup_true_lang-D6GO-k30.js";
+import { createContext as Be } from "reka-ui";
+import { _ as be } from "../Popover.vue_vue_type_style_index_0_lang-QNb3ngGr.js";
+import { _ as Re, a as te } from "../MenuItem.vue_vue_type_style_index_0_lang-3CVlU74B.js";
+import { _ as Pe } from "../GOPicker.vue_vue_type_style_index_0_lang-LCobQHEi.js";
+import { _ as Se } from "../Combobox.vue_vue_type_style_index_0_lang-BA_I2GN7.js";
+import { _ as ke } from "../Divider.vue_vue_type_style_index_0_lang-Clrzj4R0.js";
+import { _ as xe } from "../ScrollContainer.vue_vue_type_style_index_0_lang-CCEG6AjN.js";
+import { _ as Te, a as Oe } from "../Upload.vue_vue_type_style_index_0_lang-RRr-8pG3.js";
+import { omit as $e } from "es-toolkit";
+import { _ as Ee } from "../Shortcut.vue_vue_type_style_index_0_lang-C-wsusvY.js";
+const Me = /* @__PURE__ */ A({
   ...z("CommentActions"),
   __name: "CommentActions",
   setup(u) {
-    const s = re(), t = R(), e = R(), d = () => {
+    const s = ae(), t = R(), e = R(), d = () => {
       s.emit("openActions", e.value);
     }, a = () => {
       s.emit("openReaction", t.value);
@@ -68,11 +67,11 @@ const De = /* @__PURE__ */ A({
       }, null, 512)) : I("", !0)
     ], 2)) : I("", !0);
   }
-}), Ae = /* @__PURE__ */ A({
+}), we = /* @__PURE__ */ A({
   ...z("CommentReactions"),
   __name: "CommentReactions",
   setup(u) {
-    const s = re(), t = R(), e = () => {
+    const s = ae(), t = R(), e = () => {
       s.emit("openReaction", t.value);
     }, d = (a) => {
       a && !a.active && s.emit("reaction", a.emoji);
@@ -83,13 +82,13 @@ const De = /* @__PURE__ */ A({
         key: 0,
         class: $(n(C)(n(m)(n(k), "reactions"), n(s).props.reactionsCls))
       }, [
-        (P(!0), F(de, null, q(n(s).props.reactions, (o) => (P(), E(be, {
+        (P(!0), F(pe, null, W(n(s).props.reactions, (o) => (P(), E(_e, {
           key: o == null ? void 0 : o.emoji,
           active: o == null ? void 0 : o.active,
           onClick: (v) => d(o)
         }, {
           default: T(() => [
-            ie(Y(o == null ? void 0 : o.emoji) + " " + Y(o == null ? void 0 : o.count), 1)
+            ne(J(o == null ? void 0 : o.emoji) + " " + J(o == null ? void 0 : o.count), 1)
           ]),
           _: 2
         }, 1032, ["active", "onClick"]))), 128)),
@@ -106,7 +105,7 @@ const De = /* @__PURE__ */ A({
       ], 2)) : I("", !0);
     };
   }
-}), k = _e("comment"), [re, ze] = Re("Comment"), io = /* @__PURE__ */ A({
+}), k = ge("comment"), [ae, De] = Be("Comment"), to = /* @__PURE__ */ A({
   ...z("Comment"),
   __name: "Comment",
   props: {
@@ -139,8 +138,7 @@ const De = /* @__PURE__ */ A({
   },
   emits: ["update:open", "openActions", "reaction", "reply", "openReaction"],
   setup(u, { emit: s }) {
-    K("comment", N);
-    const t = u, e = J(), d = s, a = oe(t, "open", d, {
+    const t = u, e = Q(), d = s, a = Z(t, "open", d, {
       passive: t.open === void 0
     }), l = () => {
       var g;
@@ -172,7 +170,7 @@ const De = /* @__PURE__ */ A({
       else {
         c = [];
         const B = (_ = e.avatar) == null ? void 0 : _.call(e, {});
-        !O(B) ? c.push(B) : t.avatar && c.push(b(le, { ...t.avatarProps ?? {}, src: t.avatar }));
+        !O(B) ? c.push(B) : t.avatar && c.push(b(ie, { ...t.avatarProps ?? {}, src: t.avatar }));
         const S = l(), w = p();
         (S || w) && c.push(
           b(
@@ -184,7 +182,7 @@ const De = /* @__PURE__ */ A({
           )
         ), c.length || (c = void 0);
       }
-      return c ? (c.push(b(De)), b(
+      return c ? (c.push(b(Me)), b(
         "div",
         { class: C(m(k, "header"), t.headerCls) },
         c
@@ -201,9 +199,9 @@ const De = /* @__PURE__ */ A({
           },
           h ? r : void 0
         );
-    }, f = m(k, "replies"), x = ge(f, {
+    }, f = m(k, "replies"), x = Ce(f, {
       variants: {
-        open: Be("open", f)
+        open: ve("open", f)
       }
     }), M = () => {
       var _;
@@ -215,14 +213,14 @@ const De = /* @__PURE__ */ A({
         else {
           i.push(
             b(
-              ve,
+              ye,
               {
                 size: "xsm",
                 bg: "transparent",
                 br: "transparent"
               },
               {
-                default: () => b(Z, {
+                default: () => b(X, {
                   icon: "tabler:chevron-down",
                   class: m(f, "icon"),
                   size: "2xsm"
@@ -230,26 +228,26 @@ const De = /* @__PURE__ */ A({
               }
             )
           );
-          const te = (w = e.repliesCount) == null ? void 0 : w.call(e, {}), pe = !O(te), ne = (j = e.repliesTitle) == null ? void 0 : j.call(e, {}), ce = !O(ne);
-          let X;
-          ce ? X = ne : X = t.repliesTitle, i.push(
+          const ee = (w = e.repliesCount) == null ? void 0 : w.call(e, {}), le = !O(ee), oe = (j = e.repliesTitle) == null ? void 0 : j.call(e, {}), re = !O(oe);
+          let q;
+          re ? q = oe : q = t.repliesTitle, i.push(
             b(
               "div",
               {
                 class: C(m(f, "title"), t.repliesTitleCls)
               },
-              X
+              q
             )
-          ), (pe || t.repliesCount) && i.push(
+          ), (le || t.repliesCount) && i.push(
             b(
-              ye,
+              he,
               {
                 color: "primary-subtle",
                 text: t.repliesCount,
                 size: "xsm"
               },
               {
-                text: () => te
+                text: () => ee
               }
             )
           );
@@ -292,7 +290,7 @@ const De = /* @__PURE__ */ A({
         [c(), g()]
       ) : null;
     };
-    return ze({
+    return De({
       emit: d,
       props: t,
       slots: e
@@ -300,16 +298,16 @@ const De = /* @__PURE__ */ A({
       class: $(n(C)(n(k), t.class))
     }, [
       y(o),
-      G("div", {
+      K("div", {
         class: $(n(C)(n(m)(n(k), "body"), t.bodyCls))
       }, [
         y(v),
-        y(Ae),
+        y(we),
         y(M)
       ], 2)
     ], 2));
   }
-}), ao = /* @__PURE__ */ A({
+}), no = /* @__PURE__ */ A({
   ...z("CommentAction"),
   __name: "CommentAction",
   props: {
@@ -355,45 +353,44 @@ const De = /* @__PURE__ */ A({
   },
   emits: ["edit", "delete", "update:open"],
   setup(u, { emit: s }) {
-    K("comment", N);
     const t = u, e = s, d = () => {
       e("edit"), l.value = !1;
     }, a = () => {
       e("delete"), l.value = !1;
-    }, l = oe(t, "open", e, {
+    }, l = Z(t, "open", e, {
       passive: t.open === void 0
     });
-    return (p, o) => (P(), E(n(Pe), V(t, {
+    return (p, o) => (P(), E(n(be), V(t, {
       open: n(l),
-      "onUpdate:open": o[0] || (o[0] = (v) => ae(l) ? l.value = v : null),
+      "onUpdate:open": o[0] || (o[0] = (v) => se(l) ? l.value = v : null),
       placement: "bottom-end",
       sideOffset: 3,
       openDelay: 0
     }), {
       content: T(() => [
-        y(Se, { style: { width: "114px" } }, {
+        y(Re, { style: { width: "114px" } }, {
           default: T(() => [
-            p.hasEdit ? (P(), E(se, {
+            p.hasEdit ? (P(), E(te, {
               key: "edit",
               title: p.editText,
               onClick: d
             }, {
               leading: T(({ iconSize: v }) => [
-                y(Z, {
+                y(X, {
                   icon: "tabler:edit",
                   size: v
                 }, null, 8, ["size"])
               ]),
               _: 1
             }, 8, ["title"])) : I("", !0),
-            p.hasDelete ? (P(), E(se, {
+            p.hasDelete ? (P(), E(te, {
               key: "delete",
               title: p.deleteText,
               danger: "",
               onClick: a
             }, {
               leading: T(({ iconSize: v }) => [
-                y(Z, {
+                y(X, {
                   icon: "tabler:trash",
                   size: v
                 }, null, 8, ["size"])
@@ -407,7 +404,7 @@ const De = /* @__PURE__ */ A({
       _: 1
     }, 16, ["open"]));
   }
-}), lo = /* @__PURE__ */ A({
+}), so = /* @__PURE__ */ A({
   ...z("CommentReaction"),
   __name: "CommentReaction",
   props: {
@@ -450,13 +447,12 @@ const De = /* @__PURE__ */ A({
   },
   emits: ["reaction", "update:open"],
   setup(u, { emit: s }) {
-    K("comment", N);
     const t = u, e = s, d = (l) => {
       e("reaction", l.value), a.value = !1;
-    }, a = oe(t, "open", e, {
+    }, a = Z(t, "open", e, {
       passive: t.open === void 0
     });
-    return (l, p) => (P(), E(n(ke), V(t, {
+    return (l, p) => (P(), E(n(Pe), V(t, {
       noTrigger: "",
       hideClear: "",
       hideGroup: "",
@@ -472,10 +468,10 @@ const De = /* @__PURE__ */ A({
       noModel: "",
       onSelect: d,
       open: n(a),
-      "onUpdate:open": p[0] || (p[0] = (o) => ae(a) ? a.value = o : null)
+      "onUpdate:open": p[0] || (p[0] = (o) => se(a) ? a.value = o : null)
     }), null, 16, ["popoverProps", "open"]));
   }
-}), ro = /* @__PURE__ */ A({
+}), io = /* @__PURE__ */ A({
   ...z("CommentMention"),
   __name: "CommentMention",
   props: {
@@ -568,24 +564,24 @@ const De = /* @__PURE__ */ A({
   },
   emits: ["mention"],
   setup(u, { emit: s }) {
-    const t = u, e = s, d = J(), a = (l, p, o) => {
+    const t = u, e = s, d = Q(), a = (l, p, o) => {
       e("mention", l, o);
     };
-    return (l, p) => (P(), E(n(xe), V(t, {
+    return (l, p) => (P(), E(n(Se), V(t, {
       modelValue: "",
       onSelect: a,
       noTrigger: "",
       popupWidth: 200
-    }), ee({ _: 2 }, [
-      q(Object.keys(d), (o) => ({
+    }), Y({ _: 2 }, [
+      W(Object.keys(d), (o) => ({
         name: o,
         fn: T((v) => [
-          U(l.$slots, o, W(Q(v)))
+          U(l.$slots, o, N(G(v)))
         ])
       }))
     ]), 1040));
   }
-}), po = /* @__PURE__ */ A({
+}), ao = /* @__PURE__ */ A({
   ...z("CommentEditor"),
   __name: "CommentEditor",
   props: {
@@ -601,12 +597,11 @@ const De = /* @__PURE__ */ A({
   },
   emits: ["openReaction", "openMention", "blur", "focus", "mention", "submit"],
   setup(u, { emit: s }) {
-    K("comment", N);
-    const t = J(), e = u, d = s, a = m(k, "editor"), l = R(), p = () => {
+    const t = Q(), e = u, d = s, a = m(k, "editor"), l = R(), p = () => {
       d("openReaction", l.value);
     }, o = R(), v = () => {
       d("openMention", o.value);
-    }, { getDisabled: f } = he(), { rootBindings: x, inputBindings: M } = Ce({
+    }, { getDisabled: f } = me(), { rootBindings: x, inputBindings: M } = fe({
       getDisabled: () => f.value,
       emit: d
     }), r = () => d("submit"), h = L(() => {
@@ -621,33 +616,33 @@ const De = /* @__PURE__ */ A({
     return (_, B) => (P(), F("div", V({
       class: n(C)(n(a), e.class)
     }, n(x)), [
-      y(Oe, {
+      y(xe, {
         overlay: !1,
         hasMask: !1,
         class: $(n(C)(n(m)(n(a), "editor"), "paragraph", e.editorCls)),
-        style: ue({ maxHeight: h.value })
+        style: ce({ maxHeight: h.value })
       }, {
         default: T(() => [
-          U(_.$slots, "default", W(Q(n(M))))
+          U(_.$slots, "default", N(G(n(M))))
         ]),
         _: 3
       }, 8, ["class", "style"]),
-      y($e, V({ noTrigger: "" }, _.uploadProps, {
+      y(Te, V({ noTrigger: "" }, _.uploadProps, {
         ref_key: "uploadRef",
         ref: c
-      }), ee({ _: 2 }, [
-        q(Object.keys(n(Me)(t, ["default"])), (i) => ({
+      }), Y({ _: 2 }, [
+        W(Object.keys(n($e)(t, ["default"])), (i) => ({
           name: i,
           fn: T((S) => [
-            U(_.$slots, i, W(Q(S)))
+            U(_.$slots, i, N(G(S)))
           ])
         }))
       ]), 1040),
-      G("div", {
+      K("div", {
         class: $(n(C)(n(m)(n(a), "footer"), e.footerCls))
       }, [
-        y(Te),
-        G("div", {
+        y(ke),
+        K("div", {
           class: $(n(C)(n(m)(n(a), "actions"), e.actionsCls))
         }, [
           y(D, {
@@ -660,7 +655,7 @@ const De = /* @__PURE__ */ A({
             }, ["stop"])),
             onClick: v
           }, null, 512),
-          y(Ee, {
+          y(Oe, {
             accept: "image/*",
             multiple: "",
             onAddFiles: g
@@ -693,7 +688,7 @@ const De = /* @__PURE__ */ A({
       ], 2)
     ], 16));
   }
-}), Ie = ["tabindex", "disabled"], co = /* @__PURE__ */ A({
+}), Ae = ["tabindex", "disabled"], lo = /* @__PURE__ */ A({
   ...z("CommentTrigger"),
   __name: "CommentTrigger",
   props: {
@@ -708,13 +703,12 @@ const De = /* @__PURE__ */ A({
   },
   emits: ["add"],
   setup(u, { emit: s }) {
-    K("comment", N);
-    const t = J(), e = u, d = s, a = m(k, "trigger"), l = (o) => {
+    const t = Q(), e = u, d = s, a = m(k, "trigger"), l = (o) => {
       !e.ignoeShortcut && o.code === "KeyC" && o.altKey && p(o);
     };
-    me(() => {
+    de(() => {
       e.withShortcut && addEventListener("keyup", l);
-    }), fe(() => {
+    }), ue(() => {
       e.withShortcut && removeEventListener("keyup", l);
     }), e.withShortcut;
     const p = (o) => d("add", o);
@@ -725,25 +719,25 @@ const De = /* @__PURE__ */ A({
       onPointerdown: H(p, ["stop"]),
       onKeyup: H(p, ["stop"])
     }, [
-      y(le, V(o.avatarProps ?? {}, {
+      y(ie, V(o.avatarProps ?? {}, {
         size: "sm",
         src: o.src
-      }), ee({ _: 2 }, [
-        q(Object.keys(t), (f) => ({
+      }), Y({ _: 2 }, [
+        W(Object.keys(t), (f) => ({
           name: f,
           fn: T((x) => [
-            U(o.$slots, f, W(Q(x)))
+            U(o.$slots, f, N(G(x)))
           ])
         }))
       ]), 1040, ["src"]),
-      G("div", {
+      K("div", {
         class: $(n(m)(n(a), "text"))
       }, [
         U(o.$slots, "text", {}, () => [
-          ie(Y(o.text), 1)
+          ne(J(o.text), 1)
         ])
       ], 2),
-      y(we, V(o.shortcutProps ?? {}, { items: [
+      y(Ee, V(o.shortcutProps ?? {}, { items: [
         {
           text: "Alt"
         },
@@ -751,9 +745,9 @@ const De = /* @__PURE__ */ A({
           text: "C"
         }
       ] }), null, 16)
-    ], 42, Ie));
+    ], 42, Ae));
   }
-}), uo = (u) => {
+}), ro = (u) => {
   const s = R(!1), t = R(), e = R(!1), d = (i, S = !1) => {
     s.value = !0, e.value = S, t.value = i;
   }, a = R(!1), l = R(), p = (i) => {
@@ -814,14 +808,14 @@ const De = /* @__PURE__ */ A({
   };
 };
 export {
-  io as Comment,
-  ao as CommentAction,
-  po as CommentEditor,
-  ro as CommentMention,
-  lo as CommentReaction,
-  co as CommentTrigger,
+  to as Comment,
+  no as CommentAction,
+  ao as CommentEditor,
+  io as CommentMention,
+  so as CommentReaction,
+  lo as CommentTrigger,
   k as commentPrefix,
-  re as injectCommentContext,
-  ze as provideCommentContext,
-  uo as useComment
+  ae as injectCommentContext,
+  De as provideCommentContext,
+  ro as useComment
 };