@pantograph/vue 0.32.4 → 0.32.6

package/dist/Combobox/index.umd.cjs

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

package/dist/Combobox/types.d.ts

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

package/dist/Comment/CommentMention.d.ts

@@ -87,6 +87,7 @@ declare function __VLS_template(): {
                 readonly dir?: import('..').Direction | undefined;
                 readonly open?: boolean | undefined;
                 readonly defaultOpen?: boolean | undefined;
+                readonly ignoreParentTo?: boolean | undefined;
                 readonly prioritizePosition?: boolean | undefined;
                 readonly placement?: import('..').PopoverPlacement | undefined;
                 readonly sideOffset?: number | undefined;
@@ -371,7 +372,7 @@ declare function __VLS_template(): {
                     overlay: boolean;
                     scrollDistance: number;
                     scrollHideDelay: number;
-                }> & Omit<Readonly<import('..').ScrollContainerProps> & Readonly<{}>, "wrap" | "root" | "topVisible" | "bottomVisible" | "rightVisible" | "leftVisible" | "isOverflowX" | "isOverflowY" | "container" | "getScroll" | "scrollTop" | "scrollTopLeft" | ("type" | "size" | "overlay" | "scrollDistance" | "scrollHideDelay")> & import('vue').ShallowUnwrapRef<{
+                }> & Omit<Readonly<import('..').ScrollContainerProps> & Readonly<{}>, "wrap" | "container" | "root" | "topVisible" | "bottomVisible" | "rightVisible" | "leftVisible" | "isOverflowX" | "isOverflowY" | "getScroll" | "scrollTop" | "scrollTopLeft" | ("type" | "size" | "overlay" | "scrollDistance" | "scrollHideDelay")> & import('vue').ShallowUnwrapRef<{
                     container: import('vue').Ref<any, any>;
                     wrap: import('vue').Ref<any, any>;
                     root: import('vue').Ref<any, any>;
@@ -684,6 +685,7 @@ declare function __VLS_template(): {
                 sideOffset: number;
                 avoidCollisions: boolean;
                 disableOutsidePointerEvents: boolean;
+                zIndex: number | string;
                 checkbox: boolean;
                 trailingIcon: string | boolean;
                 selectedItemIconAsTrailingIcon: boolean;
@@ -726,6 +728,7 @@ declare function __VLS_template(): {
             sideOffset: number;
             avoidCollisions: boolean;
             disableOutsidePointerEvents: boolean;
+            zIndex: number | string;
             checkbox: boolean;
             trailingIcon: string | boolean;
             selectedItemIconAsTrailingIcon: boolean;
@@ -754,7 +757,7 @@ declare function __VLS_template(): {
             onKeydownEscape?: ((value: KeyboardEvent) => any) | undefined;
             "onUpdate:search"?: ((value?: string | null | undefined) => any) | undefined;
             onFetch?: (() => any) | undefined;
-        }>, "props" | "placeholder" | "slots" | "emit" | "getIconSize" | "getDisabled" | "getStatus" | "getSize" | "model" | "inputRef" | "getItems" | "itemMap" | "openModel" | "focusOnInput" | ("disabled" | "bordered" | "multiple" | "open" | "defaultOpen" | "prioritizePosition" | "placement" | "sideOffset" | "avoidCollisions" | "disableOutsidePointerEvents" | "checkbox" | "trailingIcon" | "selectedItemIconAsTrailingIcon" | "indicatorIcon" | "loadingRowCount" | "clearOnChangeMultiple" | "samePopupWidth" | "popupHeight" | "resetSearchTermOnBlur" | "resetSearchTermOnSelect" | "tagRenderMode") | "isOptionSelected" | "getOptionByValue" | "getLabelByValue" | "getSingleByValue" | "getTagSize" | "comboboxInputBinding" | "comboboxTriggerBinding" | "searchModel" | "valuePlaceholder" | "selectOption" | "highlightedOptionKey" | "comboboxInputFocused" | "onKeyDown"> & import('vue').ShallowUnwrapRef<{
+        }>, "props" | "placeholder" | "slots" | "emit" | "getIconSize" | "getDisabled" | "getStatus" | "getSize" | "model" | "inputRef" | "getItems" | "itemMap" | "openModel" | "focusOnInput" | ("disabled" | "bordered" | "multiple" | "open" | "defaultOpen" | "prioritizePosition" | "placement" | "sideOffset" | "avoidCollisions" | "disableOutsidePointerEvents" | "zIndex" | "checkbox" | "trailingIcon" | "selectedItemIconAsTrailingIcon" | "indicatorIcon" | "loadingRowCount" | "clearOnChangeMultiple" | "samePopupWidth" | "popupHeight" | "resetSearchTermOnBlur" | "resetSearchTermOnSelect" | "tagRenderMode") | "isOptionSelected" | "getOptionByValue" | "getLabelByValue" | "getSingleByValue" | "getTagSize" | "comboboxInputBinding" | "comboboxTriggerBinding" | "searchModel" | "valuePlaceholder" | "selectOption" | "highlightedOptionKey" | "comboboxInputFocused" | "onKeyDown"> & import('vue').ShallowUnwrapRef<{
             isOptionSelected: (value?: string) => boolean;
             getOptionByValue: (value: string) => import('../Combobox/types').ComboboxFlattenOptionType | undefined;
             getLabelByValue: (value: string) => string | undefined;
@@ -880,6 +883,7 @@ declare const __VLS_component: import('vue').DefineComponent<ComboboxProps, {
             readonly dir?: import('..').Direction | undefined;
             readonly open?: boolean | undefined;
             readonly defaultOpen?: boolean | undefined;
+            readonly ignoreParentTo?: boolean | undefined;
             readonly prioritizePosition?: boolean | undefined;
             readonly placement?: import('..').PopoverPlacement | undefined;
             readonly sideOffset?: number | undefined;
@@ -1164,7 +1168,7 @@ declare const __VLS_component: import('vue').DefineComponent<ComboboxProps, {
                 overlay: boolean;
                 scrollDistance: number;
                 scrollHideDelay: number;
-            }> & Omit<Readonly<import('..').ScrollContainerProps> & Readonly<{}>, "wrap" | "root" | "topVisible" | "bottomVisible" | "rightVisible" | "leftVisible" | "isOverflowX" | "isOverflowY" | "container" | "getScroll" | "scrollTop" | "scrollTopLeft" | ("type" | "size" | "overlay" | "scrollDistance" | "scrollHideDelay")> & import('vue').ShallowUnwrapRef<{
+            }> & Omit<Readonly<import('..').ScrollContainerProps> & Readonly<{}>, "wrap" | "container" | "root" | "topVisible" | "bottomVisible" | "rightVisible" | "leftVisible" | "isOverflowX" | "isOverflowY" | "getScroll" | "scrollTop" | "scrollTopLeft" | ("type" | "size" | "overlay" | "scrollDistance" | "scrollHideDelay")> & import('vue').ShallowUnwrapRef<{
                 container: import('vue').Ref<any, any>;
                 wrap: import('vue').Ref<any, any>;
                 root: import('vue').Ref<any, any>;
@@ -1477,6 +1481,7 @@ declare const __VLS_component: import('vue').DefineComponent<ComboboxProps, {
             sideOffset: number;
             avoidCollisions: boolean;
             disableOutsidePointerEvents: boolean;
+            zIndex: number | string;
             checkbox: boolean;
             trailingIcon: string | boolean;
             selectedItemIconAsTrailingIcon: boolean;
@@ -1519,6 +1524,7 @@ declare const __VLS_component: import('vue').DefineComponent<ComboboxProps, {
         sideOffset: number;
         avoidCollisions: boolean;
         disableOutsidePointerEvents: boolean;
+        zIndex: number | string;
         checkbox: boolean;
         trailingIcon: string | boolean;
         selectedItemIconAsTrailingIcon: boolean;
@@ -1547,7 +1553,7 @@ declare const __VLS_component: import('vue').DefineComponent<ComboboxProps, {
         onKeydownEscape?: ((value: KeyboardEvent) => any) | undefined;
         "onUpdate:search"?: ((value?: string | null | undefined) => any) | undefined;
         onFetch?: (() => any) | undefined;
-    }>, "props" | "placeholder" | "slots" | "emit" | "getIconSize" | "getDisabled" | "getStatus" | "getSize" | "model" | "inputRef" | "getItems" | "itemMap" | "openModel" | "focusOnInput" | ("disabled" | "bordered" | "multiple" | "open" | "defaultOpen" | "prioritizePosition" | "placement" | "sideOffset" | "avoidCollisions" | "disableOutsidePointerEvents" | "checkbox" | "trailingIcon" | "selectedItemIconAsTrailingIcon" | "indicatorIcon" | "loadingRowCount" | "clearOnChangeMultiple" | "samePopupWidth" | "popupHeight" | "resetSearchTermOnBlur" | "resetSearchTermOnSelect" | "tagRenderMode") | "isOptionSelected" | "getOptionByValue" | "getLabelByValue" | "getSingleByValue" | "getTagSize" | "comboboxInputBinding" | "comboboxTriggerBinding" | "searchModel" | "valuePlaceholder" | "selectOption" | "highlightedOptionKey" | "comboboxInputFocused" | "onKeyDown"> & import('vue').ShallowUnwrapRef<{
+    }>, "props" | "placeholder" | "slots" | "emit" | "getIconSize" | "getDisabled" | "getStatus" | "getSize" | "model" | "inputRef" | "getItems" | "itemMap" | "openModel" | "focusOnInput" | ("disabled" | "bordered" | "multiple" | "open" | "defaultOpen" | "prioritizePosition" | "placement" | "sideOffset" | "avoidCollisions" | "disableOutsidePointerEvents" | "zIndex" | "checkbox" | "trailingIcon" | "selectedItemIconAsTrailingIcon" | "indicatorIcon" | "loadingRowCount" | "clearOnChangeMultiple" | "samePopupWidth" | "popupHeight" | "resetSearchTermOnBlur" | "resetSearchTermOnSelect" | "tagRenderMode") | "isOptionSelected" | "getOptionByValue" | "getLabelByValue" | "getSingleByValue" | "getTagSize" | "comboboxInputBinding" | "comboboxTriggerBinding" | "searchModel" | "valuePlaceholder" | "selectOption" | "highlightedOptionKey" | "comboboxInputFocused" | "onKeyDown"> & import('vue').ShallowUnwrapRef<{
         isOptionSelected: (value?: string) => boolean;
         getOptionByValue: (value: string) => import('../Combobox/types').ComboboxFlattenOptionType | undefined;
         getLabelByValue: (value: string) => string | undefined;

package/dist/Comment/index.js

@@ -7,8 +7,8 @@ import "../GraphicalObject/index.js";
 import "../Icon/index.js";
 import { getComponentOptions as E, normCls as b, getBemElement as y, getBemBlock as Re, generateVariantClassList as _e, getPxSize as Oe, getComponentName as V } from "@pantograph/utils";
 import { _ as L } from "../IconButton.vue_vue_type_script_setup_true_lang-BWakPloG.js";
-import { _ as Ae } from "../ActionButton.vue_vue_type_script_setup_true_lang-DeODCM-L.js";
-import { UploadList as Pe, UploadTrigger as je } from "../Upload/index.js";
+import { _ as Pe } from "../ActionButton.vue_vue_type_script_setup_true_lang-DeODCM-L.js";
+import { UploadList as Ae, UploadTrigger as je } from "../Upload/index.js";
 import { createContext as Ne } from "reka-ui";
 import { _ as xe } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-BC9GfN2v.js";
 import { Popover as ke } from "../Popover/index.js";
@@ -78,7 +78,7 @@ const Le = /* @__PURE__ */ T({
     };
     return (e, p) => {
       var l;
-      return g(), R(Ae, {
+      return g(), R(Pe, {
         active: (l = r.reaction) == null ? void 0 : l.active,
         onClick: p[0] || (p[0] = (s) => t(r.reaction))
       }, {
@@ -131,7 +131,7 @@ const Le = /* @__PURE__ */ T({
     const o = Q(), t = () => {
       var e;
       return v(
-        Pe,
+        Ae,
         {
           ...o.props.uploadProps ?? {},
           ref: o.fileListRef,
@@ -205,13 +205,13 @@ const Le = /* @__PURE__ */ T({
         m
       ) : null;
     }, a = () => {
-      var C, P;
+      var C, A;
       const m = (C = e.header) == null ? void 0 : C.call(e, {}), f = !x(m);
       let d;
       if (f) d = m;
       else {
         d = [];
-        const z = (P = e.avatar) == null ? void 0 : P.call(e, {});
+        const z = (A = e.avatar) == null ? void 0 : A.call(e, {});
         !x(z) ? d.push(z) : t.avatar && d.push(v(ce, { ...t.avatarProps ?? {}, src: t.avatar }));
         const N = s(), I = c();
         (N || I) && d.push(
@@ -245,9 +245,9 @@ const Le = /* @__PURE__ */ T({
       variants: {
         open: _e("open", u)
       }
-    }), A = () => {
-      var P;
-      const m = (P = e.replies) == null ? void 0 : P.call(e, {}), f = !x(m), d = () => {
+    }), P = () => {
+      var A;
+      const m = (A = e.replies) == null ? void 0 : A.call(e, {}), f = !x(m), d = () => {
         var N, I, H;
         const z = (N = e.repliesHeader) == null ? void 0 : N.call(e, { open: !!l.value }), i = [];
         if (!x(z))
@@ -341,7 +341,7 @@ const Le = /* @__PURE__ */ T({
         S(O),
         S(ue),
         S(Fe),
-        S(A)
+        S(P)
       ], 2)
     ], 2));
   }
@@ -388,7 +388,10 @@ const Le = /* @__PURE__ */ T({
     containerStyle: {},
     containerProps: {},
     useReferenceAttribute: { type: Boolean },
-    noTrigger: { type: Boolean }
+    noTrigger: { type: Boolean },
+    renderPopupsInContent: { type: Boolean },
+    renderPopupsInTo: { type: Boolean },
+    ignoreParentTo: { type: Boolean }
   },
   emits: ["edit", "delete", "update:open"],
   setup(r, { emit: o }) {
@@ -601,12 +604,13 @@ const Le = /* @__PURE__ */ T({
     prioritizePosition: { type: Boolean },
     avoidCollisions: { type: Boolean },
     dir: {},
-    noTrigger: { type: Boolean }
+    noTrigger: { type: Boolean },
+    ignoreParentTo: { type: Boolean }
   },
   emits: ["mention"],
   setup(r, { expose: o, emit: t }) {
-    const e = r, p = t, l = W(), s = (u, h, A) => {
-      p("mention", u, A);
+    const e = r, p = t, l = W(), s = (u, h, P) => {
+      p("mention", u, P);
     }, c = B(), a = Y(), O = D(() => ({ ...a, ...e }));
     return o({
       comboboxRef: c
@@ -619,10 +623,10 @@ const Le = /* @__PURE__ */ T({
       noTrigger: "",
       popupWidth: 200
     }), se({ _: 2 }, [
-      X(Object.keys(l), (A) => ({
-        name: A,
+      X(Object.keys(l), (P) => ({
+        name: P,
         fn: $((j) => [
-          K(u.$slots, A, Z(ee(j)))
+          K(u.$slots, P, Z(ee(j)))
         ])
       }))
     ]), 1040));
@@ -653,19 +657,19 @@ const Le = /* @__PURE__ */ T({
       p("openMention", a.value);
     }, { getDisabled: u } = he({
       exports: ["getDisabled"]
-    }), { rootBindings: h, inputBindings: A } = Be({
+    }), { rootBindings: h, inputBindings: P } = Be({
       getDisabled: () => u.value,
       emit: p
     }), j = () => p("submit"), m = D(() => Oe(e.maxHeight, !0)), f = B(), d = (C) => {
-      var P;
-      (P = f.value) != null && P.addFiles && C.length && f.value.addFiles(C);
+      var A;
+      (A = f.value) != null && A.addFiles && C.length && f.value.addFiles(C);
     };
     return me({
       emit: p,
       props: e,
       slots: t,
       fileListRef: f
-    }), (C, P) => (g(), U("div", F({
+    }), (C, A) => (g(), U("div", F({
       class: n(b)(n(l), e.class)
     }, n(h)), [
       S(Ie, {
@@ -675,7 +679,7 @@ const Le = /* @__PURE__ */ T({
         style: ge({ maxHeight: m.value })
       }, {
         default: $(() => [
-          K(C.$slots, "default", Z(ee(n(A))))
+          K(C.$slots, "default", Z(ee(n(P))))
         ]),
         _: 3
       }, 8, ["class", "style"]),
@@ -833,8 +837,8 @@ const Le = /* @__PURE__ */ T({
     open: l.value,
     reference: s.value,
     "onUpdate:open": (i) => l.value = i
-  })), u = B(!1), h = B(), A = B(), j = B(), m = B(!1), f = D(() => ({
-    ref: A,
+  })), u = B(!1), h = B(), P = B(), j = B(), m = B(!1), f = D(() => ({
+    ref: P,
     open: u.value,
     "onUpdate:open": (i) => u.value = i,
     search: h.value,
@@ -849,7 +853,7 @@ const Le = /* @__PURE__ */ T({
     i && (j.value = { getBoundingClientRect: i }, u.value = !0, m.value = !1);
   }, C = () => {
     j.value = void 0, u.value = !1, h.value = void 0;
-  }, P = (i) => {
+  }, A = (i) => {
     h.value = i;
   }, z = D(() => ({
     onOpenReaction: (i) => p(i, !0),
@@ -858,7 +862,7 @@ const Le = /* @__PURE__ */ T({
     }
   }));
   return {
-    forwardRefMention: A,
+    forwardRefMention: P,
     reactionBinding: a,
     actionBinding: O,
     editorBinding: z,
@@ -867,7 +871,7 @@ const Le = /* @__PURE__ */ T({
     openReaction: p,
     openMentionInEditor: d,
     closeMentionInEditor: C,
-    updateMentionQuery: P
+    updateMentionQuery: A
   };
 };
 export {

package/dist/Comment/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),y=require("@pantograph/utils-vue"),I=require("../Avatar.vue_vue_type_style_index_0_lang-mKlk9pzA.js"),W=require("../Badge.vue_vue_type_script_setup_true_lang-D51ugS6o.js"),Q=require("class-variance-authority");require("../GraphicalObject/index.umd.cjs");require("../Icon/index.umd.cjs");const n=require("@pantograph/utils"),P=require("../IconButton.vue_vue_type_script_setup_true_lang-D3l2EAmu.js"),J=require("../ActionButton.vue_vue_type_script_setup_true_lang-BbziM36Z.js"),D=require("../Upload/index.umd.cjs"),X=require("reka-ui"),Y=require("../GraphicalObject.vue_vue_type_script_setup_true_lang-DChtamWZ.js"),Z=require("../Popover/index.umd.cjs"),x=require("../Menu.vue_vue_type_style_index_0_lang-0Iq18-ro.js"),z=require("../Icon.vue_vue_type_style_index_0_lang-v3QUxO-v.js"),ee=require("../GOPicker/index.umd.cjs"),te=require("../Combobox/index.umd.cjs"),ne=require("../Divider.vue_vue_type_style_index_0_lang-Heq87yk1.js"),oe=require("../ScrollContainer.vue_vue_type_style_index_0_lang-XfGedoBb.js"),re=require("../Shortcut.vue_vue_type_style_index_0_lang-BybYN3_Y.js"),le=e.defineComponent({...n.getComponentOptions("CommentActions"),__name:"CommentActions",setup(l){const r=E(),o=e.ref(),t=e.ref(),p=()=>{r.emit("openActions",t.value)},i=()=>{r.emit("openReaction",o.value)},c=()=>{r.emit("reply",u=>{r.openReplies&&(u!==void 0?r.openReplies.value=u:r.openReplies.value=!r.openReplies.value)})};return(u,a)=>e.unref(r).props.hasReaction||e.unref(r).props.hasEdit||e.unref(r).props.hasDelete||e.unref(r).props.hasReply?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(h),"actions"),e.unref(r).props.actionsCls))},[e.unref(r).props.hasReply?(e.openBlock(),e.createBlock(P._sfc_main,{key:0,icon:"tabler:corner-up-left",color:"neutral",type:"ghost",ref_key:"reactionRef",ref:o,flipOnDir:"rtl",onClick:c},null,512)):e.createCommentVNode("",!0),e.unref(r).props.hasReaction?(e.openBlock(),e.createBlock(P._sfc_main,{key:1,icon:"tabler:mood-plus",color:"neutral",type:"ghost",ref_key:"reactionRef",ref:o,onClick:i},null,512)):e.createCommentVNode("",!0),e.unref(r).props.hasEdit||e.unref(r).props.hasDelete?(e.openBlock(),e.createBlock(P._sfc_main,{key:2,icon:"tabler:dots-vertical",color:"neutral",type:"ghost",ref_key:"actionRef",ref:t,onClick:p},null,512)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)}}),j=e.defineComponent({...n.getComponentOptions("CommentReactionItem"),__name:"CommentReactionListItem",props:{reaction:{}},setup(l){const r=E(),o=t=>{t&&r.emit("reaction",t)};return(t,p)=>{var i;return e.openBlock(),e.createBlock(J._sfc_main,{active:(i=l.reaction)==null?void 0:i.active,onClick:p[0]||(p[0]=c=>o(l.reaction))},{default:e.withCtx(()=>{var c,u;return[e.createTextVNode(e.toDisplayString((c=l.reaction)==null?void 0:c.emoji)+" "+e.toDisplayString((u=l.reaction)==null?void 0:u.count),1)]}),_:1},8,["active"])}}}),ie=e.defineComponent({...n.getComponentOptions("CommentReactionList"),__name:"CommentReactionList",setup(l){const r=E(),o=e.ref(),t=()=>{r.emit("openReaction",o.value)},p=i=>{var u,a;const c=(a=(u=r.slots).reactionItem)==null?void 0:a.call(u,i);return y.isEmptyElement(c)?e.h(j,i):c};return(i,c)=>{var u;return e.unref(r).props.hasReaction&&((u=e.unref(r).props.reactions)!=null&&u.some(a=>a.count&&a.emoji))?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(h),"reactions"),e.unref(r).props.reactionsCls))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(r).props.reactions,a=>(e.openBlock(),e.createBlock(p,{key:a==null?void 0:a.emoji,reaction:a},null,8,["reaction"]))),128)),e.createVNode(P._sfc_main,{icon:"tabler:mood-plus",color:"neutral",type:"outline",ref_key:"reactionRef",ref:o,onClick:t},null,512)],2)):e.createCommentVNode("",!0)}}}),w=e.defineComponent({...n.getComponentOptions("CommentFileList"),__name:"CommentFileList",setup(l){const r=E(),o=()=>{var t;return e.h(D.UploadList,{...r.props.uploadProps??{},ref:r.fileListRef,listType:"card",fileListCls:n.normCls(n.getBemElement(h,"file_list"),(t=r.props.uploadProps)==null?void 0:t.fileListCls)},r.slots)};return(t,p)=>(e.openBlock(),e.createBlock(o))}}),h=n.getBemBlock("comment"),[E,V]=X.createContext("Comment"),L=e.defineComponent({...n.getComponentOptions("Comment"),__name:"Comment",props:{class:{type:[Array,Object,String,Number,null,Boolean]},headerCls:{type:[Array,Object,String,Number,null,Boolean]},actionsCls:{type:[Array,Object,String,Number,null,Boolean]},bodyCls:{type:[Array,Object,String,Number,null,Boolean]},datetimeCls:{type:[Array,Object,String,Number,null,Boolean]},uploadProps:{},contentCls:{type:[Array,Object,String,Number,null,Boolean]},authorCls:{type:[Array,Object,String,Number,null,Boolean]},repliesCls:{type:[Array,Object,String,Number,null,Boolean]},headerContentCls:{type:[Array,Object,String,Number,null,Boolean]},reactionsCls:{type:[Array,Object,String,Number,null,Boolean]},repliesHeaderCls:{type:[Array,Object,String,Number,null,Boolean]},repliesTitleCls:{type:[Array,Object,String,Number,null,Boolean]},repliesContentCls:{type:[Array,Object,String,Number,null,Boolean]},author:{},avatar:{},content:{},datetime:{},repliesCount:{},repliesTitle:{default:"Replies"},avatarProps:{},open:{type:Boolean,default:void 0},hasReaction:{type:Boolean,default:!0},hasEdit:{type:Boolean,default:!0},hasDelete:{type:Boolean,default:!0},hasReply:{type:Boolean,default:!0},reactions:{}},emits:["update:open","openActions","reaction","reply","openReaction"],setup(l,{emit:r}){const o=l,t=e.useSlots(),p=r,i=y.useVModel(o,"open",p,{passive:o.open===void 0}),c=()=>{var C;let d;const g=(C=t.author)==null?void 0:C.call(t,{});return!y.isEmptyElement(g)?d=g:d=o.author,d?e.h("div",{class:n.normCls(n.getBemElement(h,"author"),o.authorCls)},d):null},u=()=>{var C;let d;const g=(C=t.datetime)==null?void 0:C.call(t,{});return!y.isEmptyElement(g)?d=g:d=o.datetime,d?e.h("div",{class:n.normCls(n.getBemElement(h,"datetime"),o.datetimeCls)},d):null},a=()=>{var C,_;const d=(C=t.header)==null?void 0:C.call(t,{}),g=!y.isEmptyElement(d);let f;if(g)f=d;else{f=[];const k=(_=t.avatar)==null?void 0:_.call(t,{});!y.isEmptyElement(k)?f.push(k):o.avatar&&f.push(e.h(I._sfc_main,{...o.avatarProps??{},src:o.avatar}));const N=c(),O=u();(N||O)&&f.push(e.h("div",{class:n.normCls(n.getBemElement(h,"header__content"),o.headerContentCls)},[N,O])),f.length||(f=void 0)}return f?(f.push(e.h(le)),e.h("div",{class:n.normCls(n.getBemElement(h,"header"),o.headerCls)},f)):null},b=()=>{var f;const d=(f=t.content)==null?void 0:f.call(t,{}),g=!y.isEmptyElement(d);if(g||o.content)return e.h("div",{class:n.normCls(n.getBemElement(h,"content"),o.contentCls,"paragraph"),innerHTML:g?void 0:o.content},g?d:void 0)},m=n.getBemElement(h,"replies"),B=Q.cva(m,{variants:{open:n.generateVariantClassList("open",m)}}),v=()=>{var _;const d=(_=t.replies)==null?void 0:_.call(t,{}),g=!y.isEmptyElement(d),f=()=>{var N,O,R;const k=(N=t.repliesHeader)==null?void 0:N.call(t,{open:!!i.value}),s=[];if(!y.isEmptyElement(k))s.push(k);else{s.push(e.h(Y._sfc_main,{size:"xsm",icon:"tabler:chevron-right",bg:"transparent",br:"transparent",flipOnDir:"rtl",class:n.getBemElement(m,"icon")}));const T=(O=t.repliesCount)==null?void 0:O.call(t,{}),G=!y.isEmptyElement(T),M=(R=t.repliesTitle)==null?void 0:R.call(t,{}),K=!y.isEmptyElement(M);let A;K?A=M:A=o.repliesTitle,s.push(e.h("div",{class:n.normCls(n.getBemElement(m,"title"),o.repliesTitleCls)},A)),(G||o.repliesCount)&&s.push(e.h(W._sfc_main,{color:"primary-subtle",text:o.repliesCount,size:"xsm"},{text:()=>T}))}return e.h("div",{class:n.normCls(n.getBemElement(m,"header"),o.repliesHeaderCls),onClick:()=>{i.value=!i.value}},s)},C=()=>{if(i.value)return[e.h("div",{class:n.normCls(n.getBemElement(m,"content"),o.repliesContentCls)},d),e.h("div",{class:n.getBemElement(m,"line")})]};return g?e.h("div",{class:n.normCls(B({open:!!i.value}),o.repliesCls)},[f(),C()]):null},S=e.ref();return V({openReplies:i,emit:p,props:o,slots:t,fileListRef:S}),(d,g)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(h),o.class))},[e.createVNode(a),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(h),"body"),o.bodyCls))},[e.createVNode(b),e.createVNode(w),e.createVNode(ie),e.createVNode(v)],2)],2))}}),q=e.defineComponent({...n.getComponentOptions("CommentAction"),__name:"CommentAction",props:{hasEdit:{type:Boolean,default:!0},hasDelete:{type:Boolean,default:!0},editText:{default:"Edit"},deleteText:{default:"Delete"},defaultOpen:{type:Boolean},open:{type:Boolean,default:void 0},modal:{type:Boolean},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean},sideOffset:{},sideFlip:{type:Boolean},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{},dir:{},class:{type:[Array,Object,String,Number,null,Boolean]},containerCls:{type:[Array,Object,String,Number,null,Boolean]},containerClass:{type:[Array,Object,String,Number,null,Boolean]},size:{},to:{},placement:{},reversePlacementOnDir:{},autoFocusInside:{type:Boolean},noPadding:{type:Boolean},zIndex:{},containerStyle:{},containerProps:{},useReferenceAttribute:{type:Boolean},noTrigger:{type:Boolean}},emits:["edit","delete","update:open"],setup(l,{emit:r}){const o=l,t=r,p=()=>{t("edit"),c.value=!1},i=()=>{t("delete"),c.value=!1},c=y.useVModel(o,"open",t,{passive:o.open===void 0}),u=e.useAttrs(),a=e.computed(()=>({...u,...o}));return(b,m)=>(e.openBlock(),e.createBlock(e.unref(Z.Popover),e.mergeProps(a.value,{open:e.unref(c),"onUpdate:open":m[0]||(m[0]=B=>e.isRef(c)?c.value=B:null),placement:"bottom-end",sideOffset:3,openDelay:0}),{content:e.withCtx(()=>[e.createVNode(x._sfc_main,{style:{width:"114px"}},{default:e.withCtx(()=>[l.hasEdit?(e.openBlock(),e.createBlock(x._sfc_main$1,{key:"edit",title:l.editText,onClick:p},{leading:e.withCtx(({iconSize:B})=>[e.createVNode(z._sfc_main,{icon:"tabler:edit",size:B},null,8,["size"])]),_:1},8,["title"])):e.createCommentVNode("",!0),l.hasDelete?(e.openBlock(),e.createBlock(x._sfc_main$1,{key:"delete",title:l.deleteText,danger:"",onClick:i},{leading:e.withCtx(({iconSize:B})=>[e.createVNode(z._sfc_main,{icon:"tabler:trash",size:B},null,8,["size"])]),_:1},8,["title"])):e.createCommentVNode("",!0)]),_:1})]),_:1},16,["open"]))}}),F=e.defineComponent({...n.getComponentOptions("CommentReaction"),__name:"CommentReaction",props:{reference:{},open:{type:Boolean,default:void 0},icons:{},emojis:{},group:{},modelValue:{},defaultValue:{},visibleTabs:{},noTrigger:{type:Boolean},noModel:{type:Boolean},hideClear:{type:Boolean},hideColor:{type:Boolean},hideGroup:{type:Boolean},hideIcons:{type:Boolean},hideEmojis:{type:Boolean},hideSearch:{type:Boolean},hideRandom:{type:Boolean},disabled:{type:Boolean},bordered:{type:Boolean},popoverProps:{},colorPopoverProps:{},fgColorSwatchGroupProps:{},bgColorSwatchGroupProps:{},brColorSwatchGroupProps:{},visibleColorPickers:{},contentCls:{type:[Array,Object,String,Number,null,Boolean]},headerCls:{type:[Array,Object,String,Number,null,Boolean]},groupCls:{type:[Array,Object,String,Number,null,Boolean]},searchCls:{type:[Array,Object,String,Number,null,Boolean]},colorsCls:{type:[Array,Object,String,Number,null,Boolean]},emptyCls:{type:[Array,Object,String,Number,null,Boolean]},gridCls:{type:[Array,Object,String,Number,null,Boolean]},scrollContainerProps:{},size:{},id:{},search:{},inputProps:{},resetColorsOnChangeType:{}},emits:["reaction","update:open"],setup(l,{emit:r}){const o=l,t=r,p=a=>{t("reaction",a.value),i.value=!1},i=y.useVModel(o,"open",t,{passive:o.open===void 0}),c=e.useAttrs(),u=e.computed(()=>({...c,...o}));return(a,b)=>(e.openBlock(),e.createBlock(e.unref(ee.default),e.mergeProps(u.value,{noTrigger:"",hideClear:"",hideGroup:"",hideIcons:"",hideRandom:"",group:"emoji",popoverProps:{...l.popoverProps??{},reference:l.reference},placement:"bottom-end",visibleColorPickers:[],noModel:"",onSelect:p,open:e.unref(i),"onUpdate:open":b[0]||(b[0]=m=>e.isRef(i)?i.value=m:null)}),null,16,["popoverProps","open"]))}}),$=e.defineComponent({...n.getComponentOptions("CommentMention"),__name:"CommentMention",props:{modelValue:{},defaultValue:{},multiple:{type:Boolean},disabled:{type:Boolean},highlightOnHover:{type:Boolean},resetSearchTermOnBlur:{type:Boolean},resetSearchTermOnSelect:{type:Boolean},size:{},status:{},noValueOnPlaceholder:{type:Boolean},zIndex:{},checkbox:{type:Boolean},tagRenderMode:{},getTagProps:{type:Function},tree:{type:Boolean},treeProps:{},contentFit:{type:Boolean},wrapped:{type:Boolean},sortSelectedItems:{type:Boolean},noTrailing:{type:Boolean},leadingIcon:{},trailingIcon:{type:[String,Boolean]},selectedItemIconAsTrailingIcon:{type:Boolean},maxCount:{},to:{type:[String,Function]},placeholder:{},indicatorIcon:{},options:{},getDisabled:{type:[String,Number,Function]},getLabel:{},getDescription:{},getValue:{},getNoCheckbox:{type:[String,Number,Function]},getSingle:{type:[String,Number,Function]},getClear:{type:[String,Number,Function]},getOptions:{type:[String,Number,Function]},getIcon:{},loading:{type:Boolean},skeletonProps:{},loadingRowCount:{},lazyLoading:{type:Boolean},bordered:{type:Boolean},clearOnChangeMultiple:{type:Boolean},triggerCls:{type:[Array,Object,String,Number,null,Boolean]},triggerLeadingCls:{type:[Array,Object,String,Number,null,Boolean]},triggerContentCls:{type:[Array,Object,String,Number,null,Boolean]},triggerContentPlaceholderCls:{type:[Array,Object,String,Number,null,Boolean]},triggerContentValueCls:{type:[Array,Object,String,Number,null,Boolean]},triggerTrailingCls:{type:[Array,Object,String,Number,null,Boolean]},itemLeadingCls:{type:[Array,Object,String,Number,null,Boolean]},optionCls:{type:[Array,Object,String,Number,null,Boolean]},tagCls:{type:[Array,Object,String,Number,null,Boolean]},popupCls:{type:[Array,Object,String,Number,null,Boolean]},labelCls:{type:[Array,Object,String,Number,null,Boolean]},optionsCls:{type:[Array,Object,String,Number,null,Boolean]},optionTextCls:{type:[Array,Object,String,Number,null,Boolean]},optionContentCls:{type:[Array,Object,String,Number,null,Boolean]},emptyCls:{type:[Array,Object,String,Number,null,Boolean]},skeletonCls:{type:[Array,Object,String,Number,null,Boolean]},scrollContainerProps:{},emptyProps:{},samePopupWidth:{type:Boolean},popupHeight:{},popupWidth:{},minWidth:{},search:{},filterOptions:{},expandedKeys:{},headerSearch:{type:Boolean},headerSearchInputProps:{},virtual:{type:Boolean},showTriggerTagOnOption:{type:Boolean},disableOutsidePointerEvents:{type:Boolean},getMenuItemProps:{type:[Function,Object]},placement:{},containerProps:{},reversePlacementOnDir:{},open:{type:Boolean},defaultOpen:{type:Boolean},sideOffset:{},alignOffset:{},reference:{},prioritizePosition:{type:Boolean},avoidCollisions:{type:Boolean},dir:{},noTrigger:{type:Boolean}},emits:["mention"],setup(l,{expose:r,emit:o}){const t=l,p=o,i=e.useSlots(),c=(m,B,v)=>{p("mention",m,v)},u=e.ref(),a=e.useAttrs(),b=e.computed(()=>({...a,...t}));return r({comboboxRef:u}),(m,B)=>(e.openBlock(),e.createBlock(e.unref(te.Combobox),e.mergeProps({ref_key:"comboboxRef",ref:u},b.value,{modelValue:"",onSelect:c,noTrigger:"",popupWidth:200}),e.createSlots({_:2},[e.renderList(Object.keys(i),v=>({name:v,fn:e.withCtx(S=>[e.renderSlot(m.$slots,v,e.normalizeProps(e.guardReactiveProps(S)))])}))]),1040))}}),H=e.defineComponent({...n.getComponentOptions("CommentEditor"),__name:"CommentEditor",props:{class:{type:[Array,Object,String,Number,null,Boolean]},actionsCls:{type:[Array,Object,String,Number,null,Boolean]},editorCls:{type:[Array,Object,String,Number,null,Boolean]},footerCls:{type:[Array,Object,String,Number,null,Boolean]},disabled:{type:Boolean,default:void 0},isEmpty:{type:Boolean},noReaction:{type:Boolean},noUpload:{type:Boolean},noMention:{type:Boolean},uploadTriggerProps:{},mentionsReference:{},uploadProps:{},maxHeight:{default:100}},emits:["openReaction","openMention","blur","focus","mention","submit"],setup(l,{emit:r}){const o=e.useSlots(),t=l,p=r,i=n.getBemElement(h,"editor"),c=e.ref(),u=()=>{p("openReaction",c.value)},a=e.ref(),b=()=>{p("openMention",a.value)},{getDisabled:m}=y.useFormInput({exports:["getDisabled"]}),{rootBindings:B,inputBindings:v}=y.useInputDataStates({getDisabled:()=>m.value,emit:p}),S=()=>p("submit"),d=e.computed(()=>n.getPxSize(t.maxHeight,!0)),g=e.ref(),f=C=>{var _;(_=g.value)!=null&&_.addFiles&&C.length&&g.value.addFiles(C)};return V({emit:p,props:t,slots:o,fileListRef:g}),(C,_)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:e.unref(n.normCls)(e.unref(i),t.class)},e.unref(B)),[e.createVNode(oe._sfc_main,{overlay:!1,hasMask:!1,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(i),"editor"),"paragraph",t.editorCls)),style:e.normalizeStyle({maxHeight:d.value})},{default:e.withCtx(()=>[e.renderSlot(C.$slots,"default",e.normalizeProps(e.guardReactiveProps(e.unref(v))))]),_:3},8,["class","style"]),e.createVNode(w,e.mergeProps(l.uploadProps,{ref:"uploadRef"}),null,16),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(i),"footer"),t.footerCls))},[e.createVNode(ne._sfc_main),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(i),"actions"),t.actionsCls))},[l.noMention?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(P._sfc_main,{key:0,icon:"tabler:at",color:"neutral",type:"ghost",ref_key:"mentionRef",ref:a,onClick:b},null,512)),l.noUpload?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(D.UploadTrigger,e.mergeProps({key:1,accept:"image/*",multiple:"",onAddFiles:f},l.uploadTriggerProps),{default:e.withCtx(()=>[e.createVNode(P._sfc_main,{icon:"tabler:paperclip",color:"neutral",type:"ghost"})]),_:1},16)),l.noReaction?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(P._sfc_main,{key:2,icon:"tabler:mood-plus",color:"neutral",type:"ghost",ref_key:"reactionRef",ref:c,onClick:u},null,512))],2),e.createVNode(P._sfc_main,{disabled:l.disabled||l.isEmpty,icon:"tabler:arrow-up",onClick:S},null,8,["disabled"])],2)],16))}}),ae=["tabindex","disabled"],U=e.defineComponent({...n.getComponentOptions("CommentTrigger"),__name:"CommentTrigger",props:{class:{type:[Array,Object,String,Number,null,Boolean]},text:{default:"Add a Comment or type @ to Mention..."},src:{},withShortcut:{type:Boolean},ignoreShortcut:{type:Boolean},disabled:{type:Boolean,default:void 0},avatarProps:{},shortcutProps:{}},emits:["add"],setup(l,{emit:r}){const o=e.useSlots(),t=l,p=r,i=n.getBemElement(h,"trigger"),c=a=>{!t.ignoreShortcut&&a.code==="KeyC"&&a.altKey&&u(a)};e.onMounted(()=>{t.withShortcut&&addEventListener("keyup",c)}),e.onBeforeUnmount(()=>{t.withShortcut&&removeEventListener("keyup",c)}),t.withShortcut;const u=a=>p("add",a);return(a,b)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(i),t.class)),tabindex:l.disabled?-1:0,disabled:l.disabled?"":void 0,onPointerdown:u,onKeyup:u},[e.createVNode(I._sfc_main,e.mergeProps(l.avatarProps??{},{size:"sm",src:l.src}),e.createSlots({_:2},[e.renderList(Object.keys(o),m=>({name:m,fn:e.withCtx(B=>[e.renderSlot(a.$slots,m,e.normalizeProps(e.guardReactiveProps(B)))])}))]),1040,["src"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n.getBemElement)(e.unref(i),"text"))},[e.renderSlot(a.$slots,"text",{},()=>[e.createTextVNode(e.toDisplayString(l.text),1)])],2),e.createVNode(re._sfc_main,e.mergeProps(l.shortcutProps??{},{items:[{text:"Alt"},{text:"C"}]}),null,16)],42,ae))}}),se=y.installComponent(L,n.getComponentName("Comment")),ce=y.installComponent(q,n.getComponentName("CommentAction")),ue=y.installComponent(j,n.getComponentName("CommentReactionItem")),pe=y.installComponent(F,n.getComponentName("CommentReaction")),me=y.installComponent($,n.getComponentName("CommentMention")),de=y.installComponent(H,n.getComponentName("CommentEditor")),ye=y.installComponent(U,n.getComponentName("CommentTrigger")),fe=l=>{const r=e.ref(!1),o=e.ref(),t=e.ref(!1),p=(s,N=!1)=>{r.value=!0,t.value=N,o.value=s},i=e.ref(!1),c=e.ref(),u=s=>{i.value=!0,c.value=s},a=e.computed(()=>({open:r.value,reference:o.value,"onUpdate:open":s=>r.value=s,onReaction:s=>{var N,O;if(t.value)try{(N=l.addEmoji)==null||N.call(l,s)}catch(R){console.error("error on reaction",R)}try{(O=l.onReaction)==null||O.call(l,s)}catch(R){console.error("error on reaction",R)}}})),b=e.computed(()=>({open:i.value,reference:c.value,"onUpdate:open":s=>i.value=s})),m=e.ref(!1),B=e.ref(),v=e.ref(),S=e.ref(),d=e.ref(!1),g=e.computed(()=>({ref:v,open:m.value,"onUpdate:open":s=>m.value=s,search:B.value,"onUpdate:search":s=>B.value=s,reference:S.value,disableOutsidePointerEvents:!1,resetSearchTermOnBlur:!0,headerSearch:d.value,onPointerDownOutside:C,onEscapeKeyDown:C})),f=s=>{s&&(S.value={getBoundingClientRect:s},m.value=!0,d.value=!1)},C=()=>{S.value=void 0,m.value=!1,B.value=void 0},_=s=>{B.value=s},k=e.computed(()=>({onOpenReaction:s=>p(s,!0),onOpenMention:s=>{s&&(S.value=s,m.value=!0,d.value=!0)}}));return{forwardRefMention:v,reactionBinding:a,actionBinding:b,editorBinding:k,mentionBinding:g,openActions:u,openReaction:p,openMentionInEditor:f,closeMentionInEditor:C,updateMentionQuery:_}};exports.Comment=L;exports.CommentAction=q;exports.CommentActionPlugin=ce;exports.CommentEditor=H;exports.CommentEditorPlugin=de;exports.CommentMention=$;exports.CommentMentionPlugin=me;exports.CommentPlugin=se;exports.CommentReaction=F;exports.CommentReactionItemPlugin=ue;exports.CommentReactionListItem=j;exports.CommentReactionPlugin=pe;exports.CommentTrigger=U;exports.CommentTriggerPlugin=ye;exports.commentPrefix=h;exports.injectCommentContext=E;exports.provideCommentContext=V;exports.useComment=fe;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),y=require("@pantograph/utils-vue"),z=require("../Avatar.vue_vue_type_style_index_0_lang-mKlk9pzA.js"),W=require("../Badge.vue_vue_type_script_setup_true_lang-D51ugS6o.js"),Q=require("class-variance-authority");require("../GraphicalObject/index.umd.cjs");require("../Icon/index.umd.cjs");const n=require("@pantograph/utils"),O=require("../IconButton.vue_vue_type_script_setup_true_lang-D3l2EAmu.js"),J=require("../ActionButton.vue_vue_type_script_setup_true_lang-BbziM36Z.js"),D=require("../Upload/index.umd.cjs"),X=require("reka-ui"),Y=require("../GraphicalObject.vue_vue_type_script_setup_true_lang-DChtamWZ.js"),Z=require("../Popover/index.umd.cjs"),x=require("../Menu.vue_vue_type_style_index_0_lang-0Iq18-ro.js"),I=require("../Icon.vue_vue_type_style_index_0_lang-v3QUxO-v.js"),ee=require("../GOPicker/index.umd.cjs"),te=require("../Combobox/index.umd.cjs"),ne=require("../Divider.vue_vue_type_style_index_0_lang-Heq87yk1.js"),oe=require("../ScrollContainer.vue_vue_type_style_index_0_lang-XfGedoBb.js"),re=require("../Shortcut.vue_vue_type_style_index_0_lang-BybYN3_Y.js"),le=e.defineComponent({...n.getComponentOptions("CommentActions"),__name:"CommentActions",setup(l){const r=E(),o=e.ref(),t=e.ref(),u=()=>{r.emit("openActions",t.value)},a=()=>{r.emit("openReaction",o.value)},c=()=>{r.emit("reply",p=>{r.openReplies&&(p!==void 0?r.openReplies.value=p:r.openReplies.value=!r.openReplies.value)})};return(p,i)=>e.unref(r).props.hasReaction||e.unref(r).props.hasEdit||e.unref(r).props.hasDelete||e.unref(r).props.hasReply?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(h),"actions"),e.unref(r).props.actionsCls))},[e.unref(r).props.hasReply?(e.openBlock(),e.createBlock(O._sfc_main,{key:0,icon:"tabler:corner-up-left",color:"neutral",type:"ghost",ref_key:"reactionRef",ref:o,flipOnDir:"rtl",onClick:c},null,512)):e.createCommentVNode("",!0),e.unref(r).props.hasReaction?(e.openBlock(),e.createBlock(O._sfc_main,{key:1,icon:"tabler:mood-plus",color:"neutral",type:"ghost",ref_key:"reactionRef",ref:o,onClick:a},null,512)):e.createCommentVNode("",!0),e.unref(r).props.hasEdit||e.unref(r).props.hasDelete?(e.openBlock(),e.createBlock(O._sfc_main,{key:2,icon:"tabler:dots-vertical",color:"neutral",type:"ghost",ref_key:"actionRef",ref:t,onClick:u},null,512)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)}}),j=e.defineComponent({...n.getComponentOptions("CommentReactionItem"),__name:"CommentReactionListItem",props:{reaction:{}},setup(l){const r=E(),o=t=>{t&&r.emit("reaction",t)};return(t,u)=>{var a;return e.openBlock(),e.createBlock(J._sfc_main,{active:(a=l.reaction)==null?void 0:a.active,onClick:u[0]||(u[0]=c=>o(l.reaction))},{default:e.withCtx(()=>{var c,p;return[e.createTextVNode(e.toDisplayString((c=l.reaction)==null?void 0:c.emoji)+" "+e.toDisplayString((p=l.reaction)==null?void 0:p.count),1)]}),_:1},8,["active"])}}}),ae=e.defineComponent({...n.getComponentOptions("CommentReactionList"),__name:"CommentReactionList",setup(l){const r=E(),o=e.ref(),t=()=>{r.emit("openReaction",o.value)},u=a=>{var p,i;const c=(i=(p=r.slots).reactionItem)==null?void 0:i.call(p,a);return y.isEmptyElement(c)?e.h(j,a):c};return(a,c)=>{var p;return e.unref(r).props.hasReaction&&((p=e.unref(r).props.reactions)!=null&&p.some(i=>i.count&&i.emoji))?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(h),"reactions"),e.unref(r).props.reactionsCls))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(r).props.reactions,i=>(e.openBlock(),e.createBlock(u,{key:i==null?void 0:i.emoji,reaction:i},null,8,["reaction"]))),128)),e.createVNode(O._sfc_main,{icon:"tabler:mood-plus",color:"neutral",type:"outline",ref_key:"reactionRef",ref:o,onClick:t},null,512)],2)):e.createCommentVNode("",!0)}}}),w=e.defineComponent({...n.getComponentOptions("CommentFileList"),__name:"CommentFileList",setup(l){const r=E(),o=()=>{var t;return e.h(D.UploadList,{...r.props.uploadProps??{},ref:r.fileListRef,listType:"card",fileListCls:n.normCls(n.getBemElement(h,"file_list"),(t=r.props.uploadProps)==null?void 0:t.fileListCls)},r.slots)};return(t,u)=>(e.openBlock(),e.createBlock(o))}}),h=n.getBemBlock("comment"),[E,V]=X.createContext("Comment"),L=e.defineComponent({...n.getComponentOptions("Comment"),__name:"Comment",props:{class:{type:[Array,Object,String,Number,null,Boolean]},headerCls:{type:[Array,Object,String,Number,null,Boolean]},actionsCls:{type:[Array,Object,String,Number,null,Boolean]},bodyCls:{type:[Array,Object,String,Number,null,Boolean]},datetimeCls:{type:[Array,Object,String,Number,null,Boolean]},uploadProps:{},contentCls:{type:[Array,Object,String,Number,null,Boolean]},authorCls:{type:[Array,Object,String,Number,null,Boolean]},repliesCls:{type:[Array,Object,String,Number,null,Boolean]},headerContentCls:{type:[Array,Object,String,Number,null,Boolean]},reactionsCls:{type:[Array,Object,String,Number,null,Boolean]},repliesHeaderCls:{type:[Array,Object,String,Number,null,Boolean]},repliesTitleCls:{type:[Array,Object,String,Number,null,Boolean]},repliesContentCls:{type:[Array,Object,String,Number,null,Boolean]},author:{},avatar:{},content:{},datetime:{},repliesCount:{},repliesTitle:{default:"Replies"},avatarProps:{},open:{type:Boolean,default:void 0},hasReaction:{type:Boolean,default:!0},hasEdit:{type:Boolean,default:!0},hasDelete:{type:Boolean,default:!0},hasReply:{type:Boolean,default:!0},reactions:{}},emits:["update:open","openActions","reaction","reply","openReaction"],setup(l,{emit:r}){const o=l,t=e.useSlots(),u=r,a=y.useVModel(o,"open",u,{passive:o.open===void 0}),c=()=>{var C;let d;const f=(C=t.author)==null?void 0:C.call(t,{});return!y.isEmptyElement(f)?d=f:d=o.author,d?e.h("div",{class:n.normCls(n.getBemElement(h,"author"),o.authorCls)},d):null},p=()=>{var C;let d;const f=(C=t.datetime)==null?void 0:C.call(t,{});return!y.isEmptyElement(f)?d=f:d=o.datetime,d?e.h("div",{class:n.normCls(n.getBemElement(h,"datetime"),o.datetimeCls)},d):null},i=()=>{var C,_;const d=(C=t.header)==null?void 0:C.call(t,{}),f=!y.isEmptyElement(d);let g;if(f)g=d;else{g=[];const k=(_=t.avatar)==null?void 0:_.call(t,{});!y.isEmptyElement(k)?g.push(k):o.avatar&&g.push(e.h(z._sfc_main,{...o.avatarProps??{},src:o.avatar}));const P=c(),N=p();(P||N)&&g.push(e.h("div",{class:n.normCls(n.getBemElement(h,"header__content"),o.headerContentCls)},[P,N])),g.length||(g=void 0)}return g?(g.push(e.h(le)),e.h("div",{class:n.normCls(n.getBemElement(h,"header"),o.headerCls)},g)):null},b=()=>{var g;const d=(g=t.content)==null?void 0:g.call(t,{}),f=!y.isEmptyElement(d);if(f||o.content)return e.h("div",{class:n.normCls(n.getBemElement(h,"content"),o.contentCls,"paragraph"),innerHTML:f?void 0:o.content},f?d:void 0)},m=n.getBemElement(h,"replies"),B=Q.cva(m,{variants:{open:n.generateVariantClassList("open",m)}}),v=()=>{var _;const d=(_=t.replies)==null?void 0:_.call(t,{}),f=!y.isEmptyElement(d),g=()=>{var P,N,R;const k=(P=t.repliesHeader)==null?void 0:P.call(t,{open:!!a.value}),s=[];if(!y.isEmptyElement(k))s.push(k);else{s.push(e.h(Y._sfc_main,{size:"xsm",icon:"tabler:chevron-right",bg:"transparent",br:"transparent",flipOnDir:"rtl",class:n.getBemElement(m,"icon")}));const T=(N=t.repliesCount)==null?void 0:N.call(t,{}),G=!y.isEmptyElement(T),M=(R=t.repliesTitle)==null?void 0:R.call(t,{}),K=!y.isEmptyElement(M);let A;K?A=M:A=o.repliesTitle,s.push(e.h("div",{class:n.normCls(n.getBemElement(m,"title"),o.repliesTitleCls)},A)),(G||o.repliesCount)&&s.push(e.h(W._sfc_main,{color:"primary-subtle",text:o.repliesCount,size:"xsm"},{text:()=>T}))}return e.h("div",{class:n.normCls(n.getBemElement(m,"header"),o.repliesHeaderCls),onClick:()=>{a.value=!a.value}},s)},C=()=>{if(a.value)return[e.h("div",{class:n.normCls(n.getBemElement(m,"content"),o.repliesContentCls)},d),e.h("div",{class:n.getBemElement(m,"line")})]};return f?e.h("div",{class:n.normCls(B({open:!!a.value}),o.repliesCls)},[g(),C()]):null},S=e.ref();return V({openReplies:a,emit:u,props:o,slots:t,fileListRef:S}),(d,f)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(h),o.class))},[e.createVNode(i),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(h),"body"),o.bodyCls))},[e.createVNode(b),e.createVNode(w),e.createVNode(ae),e.createVNode(v)],2)],2))}}),q=e.defineComponent({...n.getComponentOptions("CommentAction"),__name:"CommentAction",props:{hasEdit:{type:Boolean,default:!0},hasDelete:{type:Boolean,default:!0},editText:{default:"Edit"},deleteText:{default:"Delete"},defaultOpen:{type:Boolean},open:{type:Boolean,default:void 0},modal:{type:Boolean},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean},sideOffset:{},sideFlip:{type:Boolean},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{},dir:{},class:{type:[Array,Object,String,Number,null,Boolean]},containerCls:{type:[Array,Object,String,Number,null,Boolean]},containerClass:{type:[Array,Object,String,Number,null,Boolean]},size:{},to:{},placement:{},reversePlacementOnDir:{},autoFocusInside:{type:Boolean},noPadding:{type:Boolean},zIndex:{},containerStyle:{},containerProps:{},useReferenceAttribute:{type:Boolean},noTrigger:{type:Boolean},renderPopupsInContent:{type:Boolean},renderPopupsInTo:{type:Boolean},ignoreParentTo:{type:Boolean}},emits:["edit","delete","update:open"],setup(l,{emit:r}){const o=l,t=r,u=()=>{t("edit"),c.value=!1},a=()=>{t("delete"),c.value=!1},c=y.useVModel(o,"open",t,{passive:o.open===void 0}),p=e.useAttrs(),i=e.computed(()=>({...p,...o}));return(b,m)=>(e.openBlock(),e.createBlock(e.unref(Z.Popover),e.mergeProps(i.value,{open:e.unref(c),"onUpdate:open":m[0]||(m[0]=B=>e.isRef(c)?c.value=B:null),placement:"bottom-end",sideOffset:3,openDelay:0}),{content:e.withCtx(()=>[e.createVNode(x._sfc_main,{style:{width:"114px"}},{default:e.withCtx(()=>[l.hasEdit?(e.openBlock(),e.createBlock(x._sfc_main$1,{key:"edit",title:l.editText,onClick:u},{leading:e.withCtx(({iconSize:B})=>[e.createVNode(I._sfc_main,{icon:"tabler:edit",size:B},null,8,["size"])]),_:1},8,["title"])):e.createCommentVNode("",!0),l.hasDelete?(e.openBlock(),e.createBlock(x._sfc_main$1,{key:"delete",title:l.deleteText,danger:"",onClick:a},{leading:e.withCtx(({iconSize:B})=>[e.createVNode(I._sfc_main,{icon:"tabler:trash",size:B},null,8,["size"])]),_:1},8,["title"])):e.createCommentVNode("",!0)]),_:1})]),_:1},16,["open"]))}}),F=e.defineComponent({...n.getComponentOptions("CommentReaction"),__name:"CommentReaction",props:{reference:{},open:{type:Boolean,default:void 0},icons:{},emojis:{},group:{},modelValue:{},defaultValue:{},visibleTabs:{},noTrigger:{type:Boolean},noModel:{type:Boolean},hideClear:{type:Boolean},hideColor:{type:Boolean},hideGroup:{type:Boolean},hideIcons:{type:Boolean},hideEmojis:{type:Boolean},hideSearch:{type:Boolean},hideRandom:{type:Boolean},disabled:{type:Boolean},bordered:{type:Boolean},popoverProps:{},colorPopoverProps:{},fgColorSwatchGroupProps:{},bgColorSwatchGroupProps:{},brColorSwatchGroupProps:{},visibleColorPickers:{},contentCls:{type:[Array,Object,String,Number,null,Boolean]},headerCls:{type:[Array,Object,String,Number,null,Boolean]},groupCls:{type:[Array,Object,String,Number,null,Boolean]},searchCls:{type:[Array,Object,String,Number,null,Boolean]},colorsCls:{type:[Array,Object,String,Number,null,Boolean]},emptyCls:{type:[Array,Object,String,Number,null,Boolean]},gridCls:{type:[Array,Object,String,Number,null,Boolean]},scrollContainerProps:{},size:{},id:{},search:{},inputProps:{},resetColorsOnChangeType:{}},emits:["reaction","update:open"],setup(l,{emit:r}){const o=l,t=r,u=i=>{t("reaction",i.value),a.value=!1},a=y.useVModel(o,"open",t,{passive:o.open===void 0}),c=e.useAttrs(),p=e.computed(()=>({...c,...o}));return(i,b)=>(e.openBlock(),e.createBlock(e.unref(ee.default),e.mergeProps(p.value,{noTrigger:"",hideClear:"",hideGroup:"",hideIcons:"",hideRandom:"",group:"emoji",popoverProps:{...l.popoverProps??{},reference:l.reference},placement:"bottom-end",visibleColorPickers:[],noModel:"",onSelect:u,open:e.unref(a),"onUpdate:open":b[0]||(b[0]=m=>e.isRef(a)?a.value=m:null)}),null,16,["popoverProps","open"]))}}),$=e.defineComponent({...n.getComponentOptions("CommentMention"),__name:"CommentMention",props:{modelValue:{},defaultValue:{},multiple:{type:Boolean},disabled:{type:Boolean},highlightOnHover:{type:Boolean},resetSearchTermOnBlur:{type:Boolean},resetSearchTermOnSelect:{type:Boolean},size:{},status:{},noValueOnPlaceholder:{type:Boolean},zIndex:{},checkbox:{type:Boolean},tagRenderMode:{},getTagProps:{type:Function},tree:{type:Boolean},treeProps:{},contentFit:{type:Boolean},wrapped:{type:Boolean},sortSelectedItems:{type:Boolean},noTrailing:{type:Boolean},leadingIcon:{},trailingIcon:{type:[String,Boolean]},selectedItemIconAsTrailingIcon:{type:Boolean},maxCount:{},to:{type:[String,Function]},placeholder:{},indicatorIcon:{},options:{},getDisabled:{type:[String,Number,Function]},getLabel:{},getDescription:{},getValue:{},getNoCheckbox:{type:[String,Number,Function]},getSingle:{type:[String,Number,Function]},getClear:{type:[String,Number,Function]},getOptions:{type:[String,Number,Function]},getIcon:{},loading:{type:Boolean},skeletonProps:{},loadingRowCount:{},lazyLoading:{type:Boolean},bordered:{type:Boolean},clearOnChangeMultiple:{type:Boolean},triggerCls:{type:[Array,Object,String,Number,null,Boolean]},triggerLeadingCls:{type:[Array,Object,String,Number,null,Boolean]},triggerContentCls:{type:[Array,Object,String,Number,null,Boolean]},triggerContentPlaceholderCls:{type:[Array,Object,String,Number,null,Boolean]},triggerContentValueCls:{type:[Array,Object,String,Number,null,Boolean]},triggerTrailingCls:{type:[Array,Object,String,Number,null,Boolean]},itemLeadingCls:{type:[Array,Object,String,Number,null,Boolean]},optionCls:{type:[Array,Object,String,Number,null,Boolean]},tagCls:{type:[Array,Object,String,Number,null,Boolean]},popupCls:{type:[Array,Object,String,Number,null,Boolean]},labelCls:{type:[Array,Object,String,Number,null,Boolean]},optionsCls:{type:[Array,Object,String,Number,null,Boolean]},optionTextCls:{type:[Array,Object,String,Number,null,Boolean]},optionContentCls:{type:[Array,Object,String,Number,null,Boolean]},emptyCls:{type:[Array,Object,String,Number,null,Boolean]},skeletonCls:{type:[Array,Object,String,Number,null,Boolean]},scrollContainerProps:{},emptyProps:{},samePopupWidth:{type:Boolean},popupHeight:{},popupWidth:{},minWidth:{},search:{},filterOptions:{},expandedKeys:{},headerSearch:{type:Boolean},headerSearchInputProps:{},virtual:{type:Boolean},showTriggerTagOnOption:{type:Boolean},disableOutsidePointerEvents:{type:Boolean},getMenuItemProps:{type:[Function,Object]},placement:{},containerProps:{},reversePlacementOnDir:{},open:{type:Boolean},defaultOpen:{type:Boolean},sideOffset:{},alignOffset:{},reference:{},prioritizePosition:{type:Boolean},avoidCollisions:{type:Boolean},dir:{},noTrigger:{type:Boolean},ignoreParentTo:{type:Boolean}},emits:["mention"],setup(l,{expose:r,emit:o}){const t=l,u=o,a=e.useSlots(),c=(m,B,v)=>{u("mention",m,v)},p=e.ref(),i=e.useAttrs(),b=e.computed(()=>({...i,...t}));return r({comboboxRef:p}),(m,B)=>(e.openBlock(),e.createBlock(e.unref(te.Combobox),e.mergeProps({ref_key:"comboboxRef",ref:p},b.value,{modelValue:"",onSelect:c,noTrigger:"",popupWidth:200}),e.createSlots({_:2},[e.renderList(Object.keys(a),v=>({name:v,fn:e.withCtx(S=>[e.renderSlot(m.$slots,v,e.normalizeProps(e.guardReactiveProps(S)))])}))]),1040))}}),H=e.defineComponent({...n.getComponentOptions("CommentEditor"),__name:"CommentEditor",props:{class:{type:[Array,Object,String,Number,null,Boolean]},actionsCls:{type:[Array,Object,String,Number,null,Boolean]},editorCls:{type:[Array,Object,String,Number,null,Boolean]},footerCls:{type:[Array,Object,String,Number,null,Boolean]},disabled:{type:Boolean,default:void 0},isEmpty:{type:Boolean},noReaction:{type:Boolean},noUpload:{type:Boolean},noMention:{type:Boolean},uploadTriggerProps:{},mentionsReference:{},uploadProps:{},maxHeight:{default:100}},emits:["openReaction","openMention","blur","focus","mention","submit"],setup(l,{emit:r}){const o=e.useSlots(),t=l,u=r,a=n.getBemElement(h,"editor"),c=e.ref(),p=()=>{u("openReaction",c.value)},i=e.ref(),b=()=>{u("openMention",i.value)},{getDisabled:m}=y.useFormInput({exports:["getDisabled"]}),{rootBindings:B,inputBindings:v}=y.useInputDataStates({getDisabled:()=>m.value,emit:u}),S=()=>u("submit"),d=e.computed(()=>n.getPxSize(t.maxHeight,!0)),f=e.ref(),g=C=>{var _;(_=f.value)!=null&&_.addFiles&&C.length&&f.value.addFiles(C)};return V({emit:u,props:t,slots:o,fileListRef:f}),(C,_)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:e.unref(n.normCls)(e.unref(a),t.class)},e.unref(B)),[e.createVNode(oe._sfc_main,{overlay:!1,hasMask:!1,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(a),"editor"),"paragraph",t.editorCls)),style:e.normalizeStyle({maxHeight:d.value})},{default:e.withCtx(()=>[e.renderSlot(C.$slots,"default",e.normalizeProps(e.guardReactiveProps(e.unref(v))))]),_:3},8,["class","style"]),e.createVNode(w,e.mergeProps(l.uploadProps,{ref:"uploadRef"}),null,16),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(a),"footer"),t.footerCls))},[e.createVNode(ne._sfc_main),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(a),"actions"),t.actionsCls))},[l.noMention?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(O._sfc_main,{key:0,icon:"tabler:at",color:"neutral",type:"ghost",ref_key:"mentionRef",ref:i,onClick:b},null,512)),l.noUpload?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(D.UploadTrigger,e.mergeProps({key:1,accept:"image/*",multiple:"",onAddFiles:g},l.uploadTriggerProps),{default:e.withCtx(()=>[e.createVNode(O._sfc_main,{icon:"tabler:paperclip",color:"neutral",type:"ghost"})]),_:1},16)),l.noReaction?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(O._sfc_main,{key:2,icon:"tabler:mood-plus",color:"neutral",type:"ghost",ref_key:"reactionRef",ref:c,onClick:p},null,512))],2),e.createVNode(O._sfc_main,{disabled:l.disabled||l.isEmpty,icon:"tabler:arrow-up",onClick:S},null,8,["disabled"])],2)],16))}}),ie=["tabindex","disabled"],U=e.defineComponent({...n.getComponentOptions("CommentTrigger"),__name:"CommentTrigger",props:{class:{type:[Array,Object,String,Number,null,Boolean]},text:{default:"Add a Comment or type @ to Mention..."},src:{},withShortcut:{type:Boolean},ignoreShortcut:{type:Boolean},disabled:{type:Boolean,default:void 0},avatarProps:{},shortcutProps:{}},emits:["add"],setup(l,{emit:r}){const o=e.useSlots(),t=l,u=r,a=n.getBemElement(h,"trigger"),c=i=>{!t.ignoreShortcut&&i.code==="KeyC"&&i.altKey&&p(i)};e.onMounted(()=>{t.withShortcut&&addEventListener("keyup",c)}),e.onBeforeUnmount(()=>{t.withShortcut&&removeEventListener("keyup",c)}),t.withShortcut;const p=i=>u("add",i);return(i,b)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(a),t.class)),tabindex:l.disabled?-1:0,disabled:l.disabled?"":void 0,onPointerdown:p,onKeyup:p},[e.createVNode(z._sfc_main,e.mergeProps(l.avatarProps??{},{size:"sm",src:l.src}),e.createSlots({_:2},[e.renderList(Object.keys(o),m=>({name:m,fn:e.withCtx(B=>[e.renderSlot(i.$slots,m,e.normalizeProps(e.guardReactiveProps(B)))])}))]),1040,["src"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n.getBemElement)(e.unref(a),"text"))},[e.renderSlot(i.$slots,"text",{},()=>[e.createTextVNode(e.toDisplayString(l.text),1)])],2),e.createVNode(re._sfc_main,e.mergeProps(l.shortcutProps??{},{items:[{text:"Alt"},{text:"C"}]}),null,16)],42,ie))}}),se=y.installComponent(L,n.getComponentName("Comment")),ce=y.installComponent(q,n.getComponentName("CommentAction")),pe=y.installComponent(j,n.getComponentName("CommentReactionItem")),ue=y.installComponent(F,n.getComponentName("CommentReaction")),me=y.installComponent($,n.getComponentName("CommentMention")),de=y.installComponent(H,n.getComponentName("CommentEditor")),ye=y.installComponent(U,n.getComponentName("CommentTrigger")),ge=l=>{const r=e.ref(!1),o=e.ref(),t=e.ref(!1),u=(s,P=!1)=>{r.value=!0,t.value=P,o.value=s},a=e.ref(!1),c=e.ref(),p=s=>{a.value=!0,c.value=s},i=e.computed(()=>({open:r.value,reference:o.value,"onUpdate:open":s=>r.value=s,onReaction:s=>{var P,N;if(t.value)try{(P=l.addEmoji)==null||P.call(l,s)}catch(R){console.error("error on reaction",R)}try{(N=l.onReaction)==null||N.call(l,s)}catch(R){console.error("error on reaction",R)}}})),b=e.computed(()=>({open:a.value,reference:c.value,"onUpdate:open":s=>a.value=s})),m=e.ref(!1),B=e.ref(),v=e.ref(),S=e.ref(),d=e.ref(!1),f=e.computed(()=>({ref:v,open:m.value,"onUpdate:open":s=>m.value=s,search:B.value,"onUpdate:search":s=>B.value=s,reference:S.value,disableOutsidePointerEvents:!1,resetSearchTermOnBlur:!0,headerSearch:d.value,onPointerDownOutside:C,onEscapeKeyDown:C})),g=s=>{s&&(S.value={getBoundingClientRect:s},m.value=!0,d.value=!1)},C=()=>{S.value=void 0,m.value=!1,B.value=void 0},_=s=>{B.value=s},k=e.computed(()=>({onOpenReaction:s=>u(s,!0),onOpenMention:s=>{s&&(S.value=s,m.value=!0,d.value=!0)}}));return{forwardRefMention:v,reactionBinding:i,actionBinding:b,editorBinding:k,mentionBinding:f,openActions:p,openReaction:u,openMentionInEditor:g,closeMentionInEditor:C,updateMentionQuery:_}};exports.Comment=L;exports.CommentAction=q;exports.CommentActionPlugin=ce;exports.CommentEditor=H;exports.CommentEditorPlugin=de;exports.CommentMention=$;exports.CommentMentionPlugin=me;exports.CommentPlugin=se;exports.CommentReaction=F;exports.CommentReactionItemPlugin=pe;exports.CommentReactionListItem=j;exports.CommentReactionPlugin=ue;exports.CommentTrigger=U;exports.CommentTriggerPlugin=ye;exports.commentPrefix=h;exports.injectCommentContext=E;exports.provideCommentContext=V;exports.useComment=ge;

package/dist/ConfigProvider/ConfigProvider.d.ts

@@ -72,6 +72,7 @@ interface Context {
      * Function to toggle dark mode
      */
     toggleDark: (dark?: boolean, element?: Config['element']) => void;
+    props?: ConfigProviderProps;
 }
 declare const provideConfigContext: (contextValue: Context) => Context;
 declare const injectConfigContext: () => Context;

package/dist/ConfigProvider/index.js

@@ -110,7 +110,8 @@ const T = (i, t) => {
       dark: r,
       changeDirection: n,
       changeTheme: m,
-      toggleDark: s
+      toggleDark: s,
+      props: t
     }), (l, u) => (x(), P(d(I), { dir: d(e) }, {
       default: E(() => [
         F(l.$slots, "default", {

package/dist/ConfigProvider/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),s=require("@pantograph/tokens"),D=require("@pantograph/utils"),C=require("reka-ui"),m=require("es-toolkit"),k=require("@vueuse/core"),P=require("@pantograph/utils-vue"),_=(u,n)=>{if(!n){const e=t.ref();return t.onMounted(()=>{const r=t.unref(u);m.isString(r)&&typeof document<"u"?e.value=document.querySelector(r):(r==null?void 0:r.nodeType)===1?e.value=r:typeof document<"u"&&(e.value=document.documentElement)}),e}return t.computed(()=>{const e=t.unref(u);if(m.isString(e)&&typeof document<"u")return document.querySelector(e);if((e==null?void 0:e.nodeType)===1)return e;if(typeof document<"u")return document.documentElement})},T=(u,n)=>{const e=_(u??"html",n),r=t.ref("ltr"),o=()=>{var i;((i=e.value)==null?void 0:i.nodeType)===1&&(r.value=getComputedStyle(e.value).direction)};o();const d=i=>{let l=i;(!i||!["rtl","ltr"].includes(i))&&(l=r.value==="ltr"?"rtl":"ltr"),e.value&&(e.value.dir=l)};return k.useMutationObserver(e,o,{attributes:!0,attributeFilter:["dir","class","style"]}),[r,d]},y=(u,n)=>{const e=_(u??"html",n),r=t.ref(!1),o=()=>{var i,l,f;((i=e.value)==null?void 0:i.nodeType)===1&&(r.value=((f=(l=e.value)==null?void 0:l.classList)==null?void 0:f.contains("pantograph-dark"))??!1)};o();const d=i=>{let l=i;[!0,!1].includes(i)||(l=!r.value),e.value&&s.toggleDark(l,e.value)};return k.useMutationObserver(e,o,{attributes:!0,attributeFilter:["class","data-theme"]}),[r,d]},[q,b]=C.createContext("config-provider"),[w,S]=T(void 0,!0),[x,E]=y(void 0,!0),M={dir:w,changeDirection:S,dark:x,flipOnDir:t.computed(()=>"none"),toggleDark:E,changeTheme:s.defineTheme,theme:t.computed(()=>s.getThemeConfig())},O=()=>q(M),F=()=>{const u=O(),n=t.getCurrentInstance();return{config:u,getFlipOnDir:o=>t.computed(()=>(n==null?void 0:n.props)[o]??u.flipOnDir.value),getDir:o=>t.computed(()=>(o&&m.isFunction(o)?o():(n==null?void 0:n.props).dir)??u.dir.value)}},g=t.defineComponent({...D.getComponentOptions("ConfigProvider",!1),__name:"ConfigProvider",props:{locale:{},theme:{},flipOnDir:{},dir:{},changeAbleDirectionElement:{},changeAbleDarkElement:{}},setup(u){var p,h;const n=u,[e,r]=T(n.changeAbleDirectionElement??((p=n.theme)==null?void 0:p.element)),[o,d]=y(n.changeAbleDarkElement??((h=n.theme)==null?void 0:h.element));t.onMounted(()=>{t.watch(()=>n.theme,()=>{var c,a;if((c=n.theme)!=null&&c.init||(a=n.theme)!=null&&a.element){const{init:A,...v}=n.theme;typeof window<"u"&&!window.pantographThemeDefined?(s.init(v),window.pantographThemeDefined=!0):s.defineTheme(v)}},{immediate:!0}),t.watch(()=>n.dir,c=>{c&&["rtl","ltr"].includes(c)&&r(c)},{immediate:!0})});const i=t.computed(()=>({...s.getThemeConfig(n.theme),dark:o.value})),l=t.computed(()=>n.flipOnDir),f=c=>{var a;return s.defineTheme({element:(a=n.theme)==null?void 0:a.element,...c})};return b({dir:e,theme:i,flipOnDir:l,dark:o,changeDirection:r,changeTheme:f,toggleDark:d}),(c,a)=>(t.openBlock(),t.createBlock(t.unref(C.ConfigProvider),{dir:t.unref(e)},{default:t.withCtx(()=>[t.renderSlot(c.$slots,"default",{dir:t.unref(e),theme:i.value,changeDirection:t.unref(r),changeTheme:f,toggleDark:t.unref(d),dark:t.unref(o)})]),_:3},8,["dir"]))}}),j=P.installComponent(g,D.getComponentName("ConfigProvider"));exports.ConfigProvider=g;exports.ConfigProviderPlugin=j;exports.default=g;exports.injectConfigContext=O;exports.provideConfigContext=b;exports.useConfig=F;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),s=require("@pantograph/tokens"),D=require("@pantograph/utils"),C=require("reka-ui"),m=require("es-toolkit"),k=require("@vueuse/core"),P=require("@pantograph/utils-vue"),_=(u,n)=>{if(!n){const e=t.ref();return t.onMounted(()=>{const r=t.unref(u);m.isString(r)&&typeof document<"u"?e.value=document.querySelector(r):(r==null?void 0:r.nodeType)===1?e.value=r:typeof document<"u"&&(e.value=document.documentElement)}),e}return t.computed(()=>{const e=t.unref(u);if(m.isString(e)&&typeof document<"u")return document.querySelector(e);if((e==null?void 0:e.nodeType)===1)return e;if(typeof document<"u")return document.documentElement})},T=(u,n)=>{const e=_(u??"html",n),r=t.ref("ltr"),o=()=>{var i;((i=e.value)==null?void 0:i.nodeType)===1&&(r.value=getComputedStyle(e.value).direction)};o();const d=i=>{let l=i;(!i||!["rtl","ltr"].includes(i))&&(l=r.value==="ltr"?"rtl":"ltr"),e.value&&(e.value.dir=l)};return k.useMutationObserver(e,o,{attributes:!0,attributeFilter:["dir","class","style"]}),[r,d]},y=(u,n)=>{const e=_(u??"html",n),r=t.ref(!1),o=()=>{var i,l,f;((i=e.value)==null?void 0:i.nodeType)===1&&(r.value=((f=(l=e.value)==null?void 0:l.classList)==null?void 0:f.contains("pantograph-dark"))??!1)};o();const d=i=>{let l=i;[!0,!1].includes(i)||(l=!r.value),e.value&&s.toggleDark(l,e.value)};return k.useMutationObserver(e,o,{attributes:!0,attributeFilter:["class","data-theme"]}),[r,d]},[q,b]=C.createContext("config-provider"),[w,S]=T(void 0,!0),[x,E]=y(void 0,!0),M={dir:w,changeDirection:S,dark:x,flipOnDir:t.computed(()=>"none"),toggleDark:E,changeTheme:s.defineTheme,theme:t.computed(()=>s.getThemeConfig())},O=()=>q(M),F=()=>{const u=O(),n=t.getCurrentInstance();return{config:u,getFlipOnDir:o=>t.computed(()=>(n==null?void 0:n.props)[o]??u.flipOnDir.value),getDir:o=>t.computed(()=>(o&&m.isFunction(o)?o():(n==null?void 0:n.props).dir)??u.dir.value)}},g=t.defineComponent({...D.getComponentOptions("ConfigProvider",!1),__name:"ConfigProvider",props:{locale:{},theme:{},flipOnDir:{},dir:{},changeAbleDirectionElement:{},changeAbleDarkElement:{}},setup(u){var p,h;const n=u,[e,r]=T(n.changeAbleDirectionElement??((p=n.theme)==null?void 0:p.element)),[o,d]=y(n.changeAbleDarkElement??((h=n.theme)==null?void 0:h.element));t.onMounted(()=>{t.watch(()=>n.theme,()=>{var c,a;if((c=n.theme)!=null&&c.init||(a=n.theme)!=null&&a.element){const{init:A,...v}=n.theme;typeof window<"u"&&!window.pantographThemeDefined?(s.init(v),window.pantographThemeDefined=!0):s.defineTheme(v)}},{immediate:!0}),t.watch(()=>n.dir,c=>{c&&["rtl","ltr"].includes(c)&&r(c)},{immediate:!0})});const i=t.computed(()=>({...s.getThemeConfig(n.theme),dark:o.value})),l=t.computed(()=>n.flipOnDir),f=c=>{var a;return s.defineTheme({element:(a=n.theme)==null?void 0:a.element,...c})};return b({dir:e,theme:i,flipOnDir:l,dark:o,changeDirection:r,changeTheme:f,toggleDark:d,props:n}),(c,a)=>(t.openBlock(),t.createBlock(t.unref(C.ConfigProvider),{dir:t.unref(e)},{default:t.withCtx(()=>[t.renderSlot(c.$slots,"default",{dir:t.unref(e),theme:i.value,changeDirection:t.unref(r),changeTheme:f,toggleDark:t.unref(d),dark:t.unref(o)})]),_:3},8,["dir"]))}}),j=P.installComponent(g,D.getComponentName("ConfigProvider"));exports.ConfigProvider=g;exports.ConfigProviderPlugin=j;exports.default=g;exports.injectConfigContext=O;exports.provideConfigContext=b;exports.useConfig=F;